使用HTML5简单绘制一个五角星

2025-05-07 18:09:29

1、思路:我们使用一下SVG 代码就可以直接把这个图形绘制出来。我们要做的就是定义一下坐标与线条的样式。

使用HTML5简单绘制一个五角星

3、声明一下这个五角星的样式。我们对于它的各个参数是可以改变的。style="fill:red;stroke:yellow;stroke-width:4;fill-rule:evenodd;"

使用HTML5简单绘制一个五角星

5、我们可以改变坐标的定义方式,用rec代码绘制一个正方形出来。rect x="30" y="30" width="稆糨孝汶;200" height="200"

使用HTML5简单绘制一个五角星
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢