function redraw(){ canvas.width = canvas.width; // Clears the canvas context.strokeStyle = #df4b26; context.lineJoin = round; context.lineWidth = 5; for(var i=0; i clickX.length; i++) {context.beginPath();if(clickDrag[i] i){//当是拖动而且i
function redraw(){ canvas.width = canvas.width; // Clears the canvas context.strokeStyle = "#df4b26"; context.lineJoin = "round"; context.lineWidth = 5; for(var i=0; i < clickX.length; i++) { context.beginPath(); if(clickDrag[i] && i){//当是拖动而且i!=0时，从上一个点开始画线。 context.moveTo(clickX[i-1], clickY[i-1]); }else{ context.moveTo(clickX[i]-1, clickY[i]); } context.lineTo(clickX[i], clickY[i]); context.closePath(); context.stroke(); } }
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
html5canvas核心技术图形、动画与游戏开发源码
2017-05-02 17:42
打印html5中Canvas的方法
2017-05-01 15:03
HTML5+Canvas调用手机拍照功能实现图片上传（下）
2017-04-30 17:00
HTML5新特性详解(三)
2017-04-30 16:03
网友点评
精彩导读
热门资讯
关注我们
