Hanyar HTML canvas setTransform()

Aiki5 Canvas reference manual

Tafiyar da Yawon Hudu

Kowane abu a kan kofar a iya kawar da kwararar wakilci na yau da kullun.

setTransform() Hanyar ta'ada kawar da kwararar wakilci ta'ada kaiwarta ta'ada kaiwarta, kuma ta'ada a cikin sabon kwararar wakilci. transform().

Kuma, setTransform() zai iya kawar da kaiwarta, rarrumfa, sauri kuma ta'ada rarrumfa na yau da kullun.

Note:Tunansa zai iya kawar da tasirin kamar yadda a cikin shirin setTransform() ya zo.

Shirin

Firka kuma, ta'ada setTransform() a fariya wanda zai iya kawar da wata kwararar wakilci, ta'ada kwararar kuma ta'ada setTransform() a fariya wanda zai iya kawar da wata kwararar wakilci, kuma ta'ada kwararar kuma ta'ada setTransform() a fariya wanda zai iya kawar da wata kwararar wakilci. Kamar yadda a cikin shirin, ba za a rimi kwararar birki ba saboda ita take kasa kwararar birki:

Kaiwarin kaiyawa kuma kace ko yake HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="yellow";
ctx.fillRect(0,0,250,100)
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="red";
ctx.fillRect(0,0,250,100);
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="blue";
ctx.fillRect(0,0,250,100);

Try it yourself

Syntax

context.setTransform(a,b,c,d,e,f);

Parameter value

Parameter Description
a Horizontal rotation drawing.
b Horizontal skew drawing.
c Vertical skew drawing.
d Vertical scaling drawing.
e Horizontal movement drawing.
f Vertical movement drawing.

Browser support

The numbers in the table indicate the first browser version to fully support this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.

Aiki5 Canvas reference manual