SVG画多种不同的图形

最新推荐文章于 2023-01-06 11:30:18 发布

sun-shadow

最新推荐文章于 2023-01-06 11:30:18 发布

阅读量3.3k

点赞数

分类专栏： SVG画图文章标签： svg g标签

本文链接：https://blog.csdn.net/u013494746/article/details/18741137

版权

SVG画图专栏收录该内容

5 篇文章 0 订阅

订阅专栏

SVG的的元素g的作用是：用于把相关元素进行组合的容器元素。意思就是说可以在<g>标签内画多种图形，一下代码是是在g标签内画一个圆和一个矩形。

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g width="100%" height="100%">
<circle cx="100"  cy="100" r="20" stroke="black" stroke-width="2" fill="red" />
<rect x="200" y="200" width="20" height="20" stroke="black" stroke-width="2" fill="red" />
</g>
</svg>