svg基础教程

最新推荐文章于 2023-05-31 11:51:26 发布

一个程序

最新推荐文章于 2023-05-31 11:51:26 发布

阅读量258

点赞数

分类专栏： svg 文章标签： html 前端

本文链接：https://blog.csdn.net/jibuyueqian/article/details/126766558

版权

`<g>`标签

是一个分组标签，用来组合元素的
例子：做靶心（画多个圆）
共用属性
transform="translate(0,0)

<svg version="1.1"
  baseProfile="full"
  width="300" height="200"
  xmlns="http://www.w3.org/2000/svg">
   <circle cx="100" cy="50" r="40" stroke="red" stroke-width="2" fill="transparent" />
   <circle cx="100" cy="50" r="30" stroke="red" stroke-width="2" fill="transparent" />
   <circle cx="100" cy="50" r="20" stroke="red" stroke-width="2" fill="transparent" />
   <circle cx="100