Wanghuaichen / vue-zrender-draw-elementUI-source

基于vue&zrender&elementUI进行开发的简单画图系统的源码

画图系统使用手册

1.该画图系统提供的功能有：

①选择不同的形状(直线、矩形、圆形、水平线、垂直线、添加图形)

②选择不同的线型(实线、虚线)

③选择线的宽度(从1-10逐渐增粗,默认的线宽是2)

④选择不同的颜色作为线的填充颜色

⑤将画好的图保存为文件存储到本地

⑥打开本地已经保存好的文件(使用该画图系统画出来并保存到本地的图片)继续上一次的作画(修改或者添加元素)

⑦可以将自己画出的图转换为图片保存到本地

⑧右键点击画出的元素进行弹出菜单中的变换

⑨鼠标滚轮上下滚动进行整张画布的缩放

⑩按住鼠标中键并拖动进行整张画布的移动

2.未完待续...