Canvas setTransform() ਮੱਥੋਦੀ

کینواس مراجع

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਕੈਂਵਸ ਦੇ ਹਰ ਇੱਕ ਆਈਟਮ ਕੋਲ ਇੱਕ ਵਰਤਮਾਨ ਪਰਿਵਰਤਨ ਮਾਟਰਿਕਸ ਹੁੰਦਾ ਹੈ。

setTransform() ਮੱਥੋਦੀ ਵਰਤਮਾਨ ਪਰਿਵਰਤਨ ਮਾਟਰਿਕਸ ਨੂੰ ਇੱਕ ਇਕਾਈ ਮਾਟਰਿਕਸ ਵਿੱਚ ਮਿਟਾ ਦਿੰਦੀ ਹੈ ਅਤੇ ਉਸੇ ਪੈਰਾਮੀਟਰਾਂ ਨਾਲ ਚਲਾਉਂਦੀ ਹੈ transform().

ਮੰਤਵਬੱਧ ਕਹਿੰਦੇ ਹੋਏ setTransform() ਤੁਹਾਨੂੰ ਵਰਤਮਾਨ ਮਾਹੌਲ ਨੂੰ ਸਕੇਲ, ਚੱਕਰ ਕਰ, ਸ਼ਿਫਟ ਅਤੇ ਝੁਕਾਓ ਦੇ ਦਿੰਦਾ ਹੈ。

تعلیمات:ਇਹ ਪਰਿਵਰਤਨ ਸਿਰਫ setTransform() ਮੱਥੋਦੀ ਵਾਲੀ ਕਾਲ਼ੀ ਚੱਕਰ ਤੱਕ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ, ਸੈਟ ਟ੍ਰਾਂਸਫਾਰਮ() ਨਾਲ ਪਰਿਵਰਤਨ ਮਿਟਾਓ ਅਤੇ ਨਵਾਂ ਪਰਿਵਰਤਨ ਮਾਟਰਿਕਸ ਬਣਾਓ, ਫਿਰ ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ, ਪਰਿਵਰਤਨ ਮਿਟਾਓ ਅਤੇ ਨਵਾਂ ਪਰਿਵਰਤਨ ਮਾਟਰਿਕਸ ਬਣਾਓ, ਫਿਰ ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ। ਧਿਆਨ ਦੇਓ ਕਿ ਹਰ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ setTransform() ਵਾਲੀ ਕਾਲ਼ੀ ਚੱਕਰ ਨਹੀਂ ਦੇਖੋਗੇ ਕਿਉਂਕਿ ਉਹ ਨੀਲੀ ਚੱਕਰ ਦੇ ਨੇੜੇ ਹੈ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ HTML5 ਕੈਂਵਸ ਟੈਗ ਨਹੀਂ ਸਮਰਥਤ ਕਰਦਾ ਹੈ。

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);

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਸ਼ਾਬਦਿਕ

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

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
a ਪੱਥਰਾਂ ਵਿੱਚ ਚੱਕਰੀ ਪਰਿਵਰਤਨ ਕਰੋ。
b ਪੱਥਰਾਂ ਵਿੱਚ ਸਿਰਜਣ ਪਰਿਵਰਤਨ ਕਰੋ。
c ਪੱਥਰਾਂ ਵਿੱਚ ਝੁਕਾਓ ਪਰਿਵਰਤਨ ਕਰੋ。
d ਪੱਥਰਾਂ ਵਿੱਚ ਪਰਿਵਰਤਨ ਕਰੋ。
e 水平移动绘图。
f 垂直移动绘图。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
4.0 9.0 3.6 4.0 10.1

تعلیمات:اینٹرنیٹ ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <کینواس> علامت کو نہیں سپورٹ کرتی ہیں。

کینواس مراجع