m0_38081413的博客

svg可以让元素绕着指定的点旋转，代码为： transform="rotate(90,50,50)"//第一个参数表示旋转角度，第二个和第三个则是指定点的x,y坐标 但是却不能让元素根据指定点缩放，下面记录下小技巧： <svg width="600" height="400" viewBox="0 0 600 400" xmls="https://www.w3.org/2000/svg"> //必须指定xmls才能用下面的use <circle cx="50" cy="50" r="2"

svg常用形状和属性

一般的svg中都会设置viewBox属性，有时候总是觉得这个值的设置和理解的不一样，近日，看svg精髓，总算是理解了，现在，将理解的要点记录如下： 比如以下一段svg代码 <svg width="30" height="80" viewBox="0 0 50 50"> <circle cx="25" cy="25" r="25" style="stroke:black;fill:none"/> </svg> 上面代码设置svg画布的宽高分别为30和80，而viewBo