مقالة مقدمة من wulin.com (www.vevb.com): تطبيق علامة القماش للممارسة اليومية HTML5 - رسم رسومات تحويل الإحداثيات.
عند رسم الرسومات ، قد نفكر غالبًا في تدوير الرسومات ، أو استخدام معالجة التشوه على الرسومات ، واستخدام وظيفة معالجة تحويل المحاور في API Canvas لتحقيق هذا التأثير.عند رسم الرسومات على جهاز كمبيوتر ، يتم رسمها بنقاط الإحداثيات كمعيار. بشكل افتراضي ، يتوافق الزاوية اليسرى العلوية من قماش القماش مع أصل محور الإحداثيات (0 ، 0). يتم رسم جميع الرسومات التي ذكرناها مسبقًا باستخدام API Canvas مع عبور أقصى اليسار العلوي للقماش كنقاط محور إحداثيات ويتم رسمها بالبكسل.
إذا تم تغيير هذا المحور الإحداثي ، يمكن تنفيذ تحويل الشكل. هناك ثلاث طرق لمعالجة التحول الإحداثي:
مِقلاة
استخدم طريقة ترجمة كائن سياق الرسم البياني لتحريك أصل المحور ، والذي يتم تعريفه على النحو التالي: