畫布始終從當前原點縮放。默認原點為 [0,0]。如果你想從另一個點進行縮放,你可以先執(zhí)行 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畫布縮放到鼠標光標的詳細內容,更多請關注www.92cms.cn其它相關文章!