![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
SVG
Fade Away
这个作者很懒,什么都没留下…
展开
-
SVG初识【一】
矩形<svg width="400" height="110"> <rect width="300" height="100"style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>svgsvg标签widthsvg宽度heightsvg高度...原创 2019-04-04 10:56:13 · 226 阅读 · 0 评论 -
SVG【二 多边形】
三角形<polygon points="200,10 250,190 160,210"style="fill:lime;stroke:purple;stroke-width:1" />polygon多边形pointsstyle样式集合fill内填充色stroke边框颜色stroke-width边框宽度strok...原创 2019-04-04 12:17:09 · 122 阅读 · 0 评论 -
SVG【三 路径】
指令 参数 名称 描述M x,y moveto 【移动画笔到某个初始位置】使用绝对坐标移动到 移动虚拟画笔到指定的(x,y)坐标,仅移动不绘制m x,y moveto 同M但使用相对坐标L x,y lineto连直线到 从当前画笔所在位置绘制一条直线到指定的(x,y)坐标l x,y lineto 同L,但使用相对坐标H x horizontal lineto水平连线到 ...转载 2019-04-04 12:41:09 · 143 阅读 · 0 评论 -
SVG画圆
<path d=" M250 250 m-200 0 a200 200 0 1 0 400 0 a200 200 0 1 0 -400 0 " style="stroke:#000000;fill:#f0f0f5"></path>语法解释:M250 250将画笔放到250 250位置m-200 0将画笔放到x向负方向...原创 2019-04-04 14:50:54 · 817 阅读 · 0 评论