HTML5教程 使用SVG标签画圆

2024-11-06 20:41:32

1、新建一个26.html,如图所示:

HTML5教程 使用SVG标签画圆

2、定义html5标准网页声明,如图所示:

HTML5教程 使用SVG标签画圆

3、输入html基本结构,如图所示:

HTML5教程 使用SVG标签画圆

4、在body标签中添加svg标签,如图所示:

HTML5教程 使用SVG标签画圆

5、使用circle标签画一个圆形,如图所示:

HTML5教程 使用SVG标签画圆

6、运行网页,查看输出结果,如图所示:

HTML5教程 使用SVG标签画圆

7、至此,本教程结束!

猜你喜欢