首页 > 代码库 > canvas 画图工具 -- CanvasDraw
canvas 画图工具 -- CanvasDraw
最近有些项目中用到了canvas画图;
为了方便封装了一下:
他的强大之处是 处理了各种偏针的问题:
1,css 强制宽高的变形 造成的偏针
2,给canvas加边 造成的偏针
3,上层父级缩放 造成的偏针 ( 前两种函数自行校正,第3种要传参)
更多去 github 吧,记得点赞谢谢
CanvasDraw:https://github.com/songyijian/CanvasDraw
var c2=new CanvasDraw(‘#canvas2‘,{ ‘attr‘:{‘width‘:400,‘height‘:400}, ‘lineWidth‘:4 , ‘scale‘:[0.7], //这里处理canvas 父级的缩放 ‘strokeStyle‘:‘red‘, ‘initFn‘:function(_this){}, ‘moveFn‘:function(_this){} }); //获取图像 ncreate[1].onclick=function(){ imgBox.src=http://www.mamicode.com/c2.getImg(); } //清理滑板 nremove[1].onclick=function(){ c2.clearRect() }
canvas 画图工具 -- CanvasDraw
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。