CSS Canvas Skew在setTransform中使用什麼值？

Question

http://www.w3schools.com/tags/canvas_settransform.asp

context.setTransform（a，b，c，d，e，f）;

W3C學校說"Skew the the drawings horizontally"，但它使用哪個值？

看起來它不像CSS那樣程度不對，也不使用PI。說明？

Answer 1

變換矩陣 - 一組九個數字，用於使用線性代數來變換二維數組，如位圖。最後一組矩陣始終是0 0 1因此需要六個不同的參數

請看看這個

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/MatrixTransforms/MatrixTransforms.html

Answer 2

在你的榜樣變換時，B & c的位置分別代表水平和垂直歪斜。

變換矩陣被佈置是這樣的：

context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY); 

偏斜的量是在弧度表示的切線的角度。

因此，這將扭曲水平30度：

var tan30degrees=Math.tan(30*Math.PI/180); 

    ctx.save(); 
    ctx.setTransform(1,tan30degrees,0,1,0,0); 
    ctx.fillRect(100,100,50,50); 
    ctx.restore();