给大家介绍一个制作svg的工具
当我们在网页上要绘制一个非常复杂的svg图片的时候
可以借助于method draw工具进行绘制
绘制完毕后可以导出为代码拷贝到我们的项目当中
不需要下载,这是一个网页工具
工具地址:传送门
虽然这个网页bug很多
不过这依然是一个不错的工具
画布
点击画布,在页面的右侧我们可以调整画布属性

点击属性,滚动滑轮可以微调
或者直接双击修改属性值
工具栏
左侧工具栏

就像画图的工具栏一样
形状库
形状库有很多备选图形 
选择一个图形后
左右键同时按可以再次选择图形
贝塞尔曲线
贝塞尔曲线绘制
在画布中某点按住鼠标左键,该点就是绘制弧的起点
然后在某点鼠标左键抬起, 松开的点就是贝塞尔曲线的控制点
再次点击另一点,就是弧的终点

形状调整
点击你绘制的图形在右侧可以控制样式
比如说画一个圆

可以调整它在画布的 (x,y)坐标、横纵半径、旋转角度、透明度、模糊度
以及位置(左对齐、右对齐、居中…)还有边线属性
导出代码
画完之后我们可以点击上面菜单栏view中的source导出为代码
或者直接Ctrl+U
然后我们就可以将代码拷贝出来
下面就是我用这个Method Draw工具绘制的一个叮当猫
虽然很丑b( ̄▽ ̄)d,但是完全可以实现
(哦对了,补充一点,Ctrl+↑/↓ 可以调整图层深度,类似于z-index属性)

以上就是SVG(可缩放矢量图形)绘制工具Method Draw的内容,更多相关内容请关注PHP中文网(www.php.cn)!










