canvas画布操作(平移，缩放，交互缩放)
canvas 是html的一个特殊标签，利用JavaScript 在网页上绘制图像。
我们可以控制canvas区域的每一像素。并且拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
1 canvas 画布平移
画布平移使用的方法是 ctx.translate(x,y)；这里我们将画布往x轴正方向和y轴正方向平移一半距离；那么canvas画布的(0，0)位置，自然就在中心位置了
全部代码
canvas 平移
2 canvas 缩放变换
很简单 一个方法 ctx.scale(2, 2)
全部代码
canvas 放缩
3 鼠标滚动缩放，拖动平移
结合鼠标mousewheel，drag等事件，交互拖动和缩放canvas；原理就是鼠标没交互一次，将画布清除，然后重绘；效果和全部代码如下
canvas 鼠标缩放 拖动平移
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！