บทความบทนำของ wulin.com (www.vevb.com): แอปพลิเคชันของแท็ก Canvas ของ HTML5 Daily Practice - การวาดภาพกราฟิกการแปลง
เมื่อวาดกราฟิกเรามักจะนึกถึงการหมุนกราฟิกหรือใช้การประมวลผลการเสียรูปบนกราฟิกและใช้ฟังก์ชั่นการประมวลผลการแปลงแกนของ Canvas API เพื่อให้ได้เอฟเฟกต์นี้เมื่อวาดกราฟิกบนคอมพิวเตอร์มันจะถูกวาดด้วยจุดพิกัดเป็นเกณฑ์มาตรฐาน โดยค่าเริ่มต้นมุมบนซ้ายของผืนผ้าใบผ้าใบสอดคล้องกับที่มาของแกนพิกัด (0, 0) กราฟิกทั้งหมดที่เรากล่าวถึงก่อนหน้านี้โดยใช้ Canvas API นั้นถูกวาดด้วยการข้ามซ้ายสุดของผืนผ้าใบเป็นแกนพิกัดและถูกวาดเป็นพิกเซล
หากแกนพิกัดนี้เปลี่ยนไปการเปลี่ยนแปลงของตัวเลขสามารถนำไปใช้ได้ มีสามวิธีในการประมวลผลการเปลี่ยนแปลงพิกัด:
กระทะ
ใช้วิธีการแปลของวัตถุบริบทกราฟเพื่อย้ายต้นกำเนิดของแกนซึ่งกำหนดดังนี้: