由于最近项目比较忙,只做了一个初版,做了一个基本图形和一个平面图的效果,做得不够细致,希望大家多多包涵。保存按钮没有实现,缩略图没有放开(还有一些问题存在),当前版本是用SVG来画图,以后可以替换成CANVAS来绘制,望大家到demo地址上看看,有遇到bug欢迎提出来,在此感谢:)
目前支持的游览器为:IE9及更高版本(低版本不支持SVG绘图,需要装SVG插件)
FF、Safari和CHROME(这几个游览器的版本感觉都OK吧,没一个个试过)
QQ:65265800 (请标注drawboard)
demo地址: http://122.102.10.3/drawboard/index.html
github地址: https://github.com/robinxin/MEINA
笑脸相迎:
室内设计图,还有需要细化的地方:
线的处理目前不是太灵敏,所以在点击的时候需要细心些~~这是通过联动最后弄成的效果。
相关推荐
html2canvas可以截图指定dom元素,但是dom元素中如果含有svg会导致截图不完整,例如使用jsPlumb流程图,其中连线无法截图,所以结合了canvg可以完整截图
最新canvg.js,完美将svg转为canvas
使用js+canvas绘图,结合svg图形,实现标尺栏和网格效果。
svg转为canvas
将svg画布内容转成canvas,转换成png图片下载,基于IE
Canvas2Svg 该库使用JavaScript将Canvas转换为SVG。... 在您调用方法时,我们在SVG中构建了一个场景图。 好极了! 用法 //Create a new mock canvas context. Pass in your desired width and height for your sv
SVG、CANVAS、VML比较,有利于各位IT大神学习,在学习画图方面的提高。
web网页端全屏截图,支持svg截图 支持高级浏览器 先遍历svg元素转换为dom元素 在通过html2canvas.js直接调用 没有svg的情况下 直接调用html2canvas的方法 $("#btn").click(function() { html2canvas($("#box"), { ...
svg转img所需 html2canvas方法,svg转canvas所需canvg方法 svg转img所需 html2canvas方法,svg转canvas所需canvg方法
酷炫的svg与canvas结合动画
SVG编辑器Method_draw SVG
9种不同的图像和填充纹理图片效果,分别使用html5 svg,html5 canvas和css3背景技术完成,想学习的就来吧!
全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG地图全国各省市SVG...
Canvas渲染引擎,支持SVG,兼容了小程序、小游戏和Web
将svg转成canvas需要用到google的一个插件canvg 接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas,这个方法第一个参数就是canvas标签的id,第二个自然就是svg标签内容了,就这样,svg转成了canvas ...
开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作,本文将通过讲解如何使用 canvas 元素进行基本绘图操作,以及完成简单的动画和用户交互任务,阐明 canvas 在帮助构建 Web 图形...
svg转canvas通过google的canvg.js插件转换,这是一个demo,有转换的每一个步奏比如:转换canvas按钮,转换img按钮,还有一个canvas下载按钮,会把canvas绘制的图形下载下来
HTML5 Canvas+SVG实现的彩色水泡分裂动画特效源码
该编辑器演示了带有React用户界面的SVG编辑“ svgcanvas”的用法。 它远没有原始的SVG-edit完整,但这是一个概念证明,我们可能决定在将来的SVGedit版本中使用。 要对此进行测试,您必须克隆并运行: npm install...
实现圆环进度条的三种方式 div svg canvas 可加qq群:179916551 免积分获取,沟通交流