代码拉取完成,页面将自动刷新
<canvas>
width/height
canvas 抗锯齿
由于描边的时候会出现矩形现象,于是进行了颜色透明淡化处理,
于是在后面再渲染路径时就会出现颜色叠加现象
requestAnimationFrame(fn) 请求动画帧
不用写时间间隔
由浏览器决定什么时候绘制下一帧
现在的浏览器一般在 16.667 毫秒,在浏览器性能差的时候可能时间比这长
60 HZ -> 16.667 = 1000 / 60
绘制直线的小bug
在进行moveTo和lineTo绘制直线,此时的直线是以2像素来显示的
并且是以灰色显示的
因为浏览器在进行渲染的时候进行了处理
解决办法:
1> 用矩形来代替,设置矩形的高或宽为1像素
2> moveTo(0, 10.5) lineTo(300, 10.5)
上传图像
获取上传的图像信息:
imgData = file.files[0];
url = URL.createObjectURL(file.files[0]);
获取画布中指定的图片信息:
url = ctx.getImageData(x, y, w, h);
、
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。