將HTML5畫布縮放到滑鼠遊標

畫布總是會從目前原點縮放。預設原點為 [0,0]。如果你想從另一個點進行縮放，你可以先執行 ctx.translate(desiredX,desiredY); 。這會將畫布的原點重設為 [desiredX,desiredY]。

translate() 方法會重新對應畫布上的 (0,0) 位置。 scale() 方法放大或縮小目前圖形。如果您想要透過偏移量來平移（）畫布上下文，則需要先對其進行縮放（）以放大或縮小，然後透過與滑鼠偏移量相反的位置來平移（）。

這些以下範例給出了步驟

ctx.translate(pt.x,pt.y);
ctx.scale(factor,factor);
ctx.translate(-pt.x,-pt.y);

以上是將HTML5畫布縮放到滑鼠遊標的詳細內容。更多資訊請關注PHP中文網其他相關文章！