? 深入解析HTML5 Canvas控制图形矩阵变换的方法_html5亚博娱乐城--任意三数字加yabo.com直达官网技巧-html5-微课江湖 亚博娱乐城,亚博体育网上注册 ,亚博国际下载—亚博国际娱乐官网线路检测
  • 运行结果:
    2016324104009065.jpg (850×500)

    setTransform()方法
    transform()方法的行为相对于由 rotate(),scale(), translate(), or transform() 完成的其他变换。例如:如果我们已经将绘图设置为放到两倍,则 transform() 方法会把绘图放大两倍,那么我们的绘图最终将放大四倍。这一点和之前的变换是一样的。

    但是setTransform()不会相对于其他变换来发生行为。它的参数也是六个,context.setTransform(a,b,c,d,e,f),与transform()一样。

    这里我们通过一个例子来说明:
    绘制一个矩形,通过 setTransform() 重置并创建新的变换矩阵,再次绘制矩形,重置并创建新的变换矩阵,然后再次绘制矩形。

    1. "zh">
    2. "UTF-8">
    3. 矩阵变换