Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตรวจจับจุดบน Canvas หลังหมุน Canvas ใน HTML5


เมื่อทำงานกับ Canvas และต้องการหมุน Canvas เราต้องแปลงจุด (translate point) เพื่อวาดจุดตามการหมุน

สามารถสร้าง Transform class เพื่อตรวจจับจุดบน Canvas หลังหมุน

var t = new Transform();
console.log(t.transformPoint(5,6)); // Transform point จะเป็น [5,6]
t.rotate(1); // การแปลงเดียวกับที่เราทำกับ Canvas
console.log(t.transformPoint(5,6)); // Transformed point จะเป็น [-2.347, 7.449]