HTML 5 Canvas缩放至点

时间:2018-10-11 21:10:44

标签: html5 canvas

我知道网络上有一些有关它的信息,但是由于某种原因,我无法理解它,或者它太旧了,也许还有一些更有效的方法。

问题。

我想将画布平移到单击放大的位置。所以。缩放和平移。

我所拥有的。

  const newCanvasTranslation = {
x: currCanvas.x + point.x * zoomMargin, 
y: currCanvas.y + point.y * zoomMargin, };

其中对象canvas代表我的画布orign,point代表鼠标单击的点(e.offsetX),我单击以放大或缩小并缩放我要代表的缩放差异(100%至90%zooMargin将为0.1)

然后我用setTransform绘画。

我的问题是,此计算会积累某种错误,因此有时我会遇到非常意外的行为。

非常感谢您的帮助。非常感谢

0 个答案:

没有答案