![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
JuicyActiveGilbert
心有猛虎,细嗅蔷薇。
胸有惊雷而面若平潮者,可拜上将军。
写博客的初衷是为了记笔记,代码有任何看不懂的地方可以留言,希望我的笔记能为你带来助力。
展开
-
canvas绘图总结——拾取、Text的特殊处理方式
在实现canvas双缓冲绘图、拖动以及缩放后,又遇到新的问题,那就是如何实现拾取绘制的图形?canvas的说明文档中写有context自带有判断坐标是否在绘制路径上或者在图形中的方法,如下:var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.rect(20,20,150,100);ctx....原创 2019-05-15 10:51:21 · 719 阅读 · 0 评论 -
canvas绘图总结——双缓冲绘图、拖动、缩放的实现
双缓冲web中canvas绘图并未自带双缓冲绘图机制。为了使绘图更加流畅以及不出现闪屏的情况,思考使用双缓冲绘图来解决该问题。解决该问题最大的突破点在于canvas支持在canvas上绘制另一个canvas。实现方式如下:var canvas = document.getElementById('canvas');var context = canvas.getContext('2d'...原创 2019-05-11 11:11:40 · 3748 阅读 · 1 评论