配电图精简版(web内置画图软件)

图片[1]_配电图精简版(web内置画图软件)_jack361博客

 

 

 

 

各种相关依赖(rua是我独特的命名方式)

注意事项:

图片[2]_配电图精简版(web内置画图软件)_jack361博客

这个属性改成false就能操作了–编辑

主要的html

图片[3]_配电图精简版(web内置画图软件)_jack361博客

效果:

图片[4]_配电图精简版(web内置画图软件)_jack361博客

右边的图元添加:

图片[5]_配电图精简版(web内置画图软件)_jack361博客

代码:

图片[6]_配电图精简版(web内置画图软件)_jack361博客

 

左边的效果:

图片[7]_配电图精简版(web内置画图软件)_jack361博客

 

初始化的代码(太多了  只截图一部分  具体的下载查看 新上传的下载地址在最底下5.10号左右能放上去)

 

图片[8]_配电图精简版(web内置画图软件)_jack361博客

说明:

左边图元的位置和连线都是储存在json里面的  因为没有服务器的支持  所有我将东西json存储在了localstroage里面  需要的自行查看

代码内添加草稿箱  每隔2s保存一次   注释了  需要的开

图片[9]_配电图精简版(web内置画图软件)_jack361博客打包下载地址:

circuitDiagram-master

 

问:

您好,demo是没有办法对线条,大小做调整操作的吗

答:

html 470行修改 如果需要针对每条线的话你这个要自己看下api

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享