如何使用HTML5创建转换矩阵?
HTML5canvas提供了允许直接修改转换矩阵的方法。转换矩阵最初必须是身份转换。然后可以使用转换方法对其进行调整。
此方法更改转换矩阵以应用参数指定的矩阵。
此方法将转换矩阵更改为参数指定的矩阵。
transform(m11,m12,m21,m22,dx,dy)方法必须将当前变换矩阵与-所描述的矩阵相乘
m11 m21 dx m12 m22 dy 0 0 1
要创建转换矩阵,请使用MathML。
示例
以下是使用transform()和setTransform()方法的简单示例:
<!Doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>Pythagorean theorem</title>
</head>
<body>
<math xmlns = "http://www.w3.org/1998/Math/MathML">
<mrow>
<msup>
<mi>a</mi>
<mn>2</mn>
</msup>
<mo> + </mo>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo> = </mo>
<msup>
<mi>c</mi>
<mn>2</mn>
</msup>
</mrow>
</math>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>Pythagorean theorem</title>
</head>
<body>
<math xmlns = "http://www.w3.org/1998/Math/MathML">
<mrow>
<msup>
<mi>a</mi>
<mn>2</mn>
</msup>
<mo> + </mo>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo> = </mo>
<msup>
<mi>c</mi>
<mn>2</mn>
</msup>
</mrow>
</math>
</body>
</html>热门推荐
10 医院探望朋友祝福语简短
11 毕业祝福语简短女朋友
12 春节虎年爸妈祝福语简短
13 儿童毕业祝福语 简短6
14 开工仪式横幅祝福语简短
15 孩子日常祝福语大全简短
16 清晨寄语诗句祝福语简短
17 结婚送亲认亲祝福语简短
18 虎年喝酒拜年祝福语简短