مетод تحويل قناع HTML

在线示例

绘制一个矩形，使用transform()添加一个新的变换矩阵，再次绘制该矩形，添加一个新的变换矩阵，然后再次绘制该矩形。请注意，每次调用transform()时，它都基于先前的转换矩阵：

您的浏览器不支持　HTML5　canvas　标签。

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 transform() 方法。

ملاحظة:Internet Explorer 8 及之前的版本不支持 元素。

定义和用法

画布上的每个对象都拥有一个当前的变换矩阵。

transform() 方法替换当前的转换矩阵。它将当前变换矩阵与以下描述的矩阵相乘：

بمعنى آخر، يسمح لك transform() بتكبير، تدوير، تحريك وتدرج البيئة الحالية.

ملاحظة:التحويل يؤثر فقط على الرسم الذي يلي استدعاء طريقة transform().

ملاحظة:سلوك طريقة transform() يتعلق بتغيرات أخرى تتم بواسطة rotate()، scale()، translate() أو transform(). على سبيل المثال: إذا قمت بضبط الرسم على ضعف حجمه، فإن طريقة transform() ستضخم الرسم ضعفًا آخر، وبالتالي سيكون الرسم في نهاية المطاف مكبوتًا أربعة أضعاف.

النصيحة:الرجاء الرجوع إلى setTransform() الطريقة، لن تحدث أي تصرفات تابعة لتغيرات أخرى.

قيمة المعلمات