Zum kanvas HTML5 ke kursor tetikus

Kanvas sentiasa berskala dari asal semasa. Asal lalai ialah [0,0]. Jika anda ingin mengezum dari titik lain, anda boleh melakukan ctx.translate(desiredX,desiredY ); Ini akan menetapkan semula asal kanvas kepada [desiredX,desiredY]. Kaedah

translate() akan memetakan semula kedudukan (0,0) pada kanvas. Kaedah skala() membesarkan atau mengurangkan grafik semasa. Jika anda ingin menyorot() konteks kanvas dengan mengimbangi, anda perlu menskalakan()nya terlebih dahulu untuk mengezum masuk atau keluar, dan kemudian menyorot()nya dengan kedudukan bertentangan dengan mengimbangi tetikus.

Contoh berikut memberikan langkahnya

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

Atas ialah kandungan terperinci Zum kanvas HTML5 ke kursor tetikus. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!