ਐਚਟੀਐੱਮਐੱਲ ਕੈਂਵਾਸ rotate() ਮੈਥਡ

Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸੰਸਕਰਣਾਂ <canvas> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ।

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

rotate() ਮੌਜੂਦਾ ਡਰਾਇੰਗ ਨੂੰ ਰੋਟੇਟ ਕਰਨ ਦਾ ਤਰੀਕਾ

ਇੰਸਟੈਂਸ

ਚੌਕਾ ਨੂੰ 20 ਦਰਜੇ ਰੋਟੇਟ ਕਰੋ:

ਤੁਹਾਡਾ ਬਰਾਊਜ਼ਰ ਐਚਟੀਐੱਮਐੱਲ5 ਕੈਂਵਾਸ ਟੈਗ ਨਹੀਂ ਸਮਰਥਤ ਕਰਦਾ ਹੈ。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);

亲自试一试

JavaScript:

var c=document.getElementById("myCanvas");ਗਰੰਥvar ctx=c.getContext("2d");

ctx.rotate(20*Math.PI/180);

ctx.fillRect(50,20,100,50); ਸਵਾਲ ਦਿਓ
ਗਰੰਥ

context.rotate(

);

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

ਪੈਰਾਮੀਟਰ

ਵਰਣਨ

angle ਚੱਕਰ ਵਿੱਚ ਬਦਲਣ ਵਾਲੀ ਇੱਕ ਕੋਣ ਇੱਕ ਰੇਡੀਅਨ ਵਿੱਚ ਹੈ。 ਅਗਰ ਇੱਕ ਕੋਣ ਨੂੰ ਰੇਡੀਅਨ ਵਿੱਚ ਬਦਲਣਾ ਹੈ, ਤਾਂ degrees*Math.PI/180 ਫਾਰਮੂਲਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਣਨਾ ਕਰੋ。 ਉਦਾਹਰਣ: ਜੇਕਰ 5 ਡਿਗਰੀ ਚੱਕਰ ਵਧਾਉਣਾ ਹੈ, ਤਾਂ ਨਿਮਨਲਿਖਤ ਫਾਰਮੂਲਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹਨ: 5*Math.PI/180。 ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
angle ਚੱਕਰ ਵਿੱਚ ਬਦਲਣ ਵਾਲੀ ਇੱਕ ਕੋਣ ਇੱਕ ਰੇਡੀਅਨ ਵਿੱਚ ਹੈ。 ਅਗਰ ਇੱਕ ਕੋਣ ਨੂੰ ਰੇਡੀਅਨ ਵਿੱਚ ਬਦਲਣਾ ਹੈ, ਤਾਂ degrees*Math.PI/180 ਫਾਰਮੂਲਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਣਨਾ ਕਰੋ。 ਉਦਾਹਰਣ: ਜੇਕਰ 5 ਡਿਗਰੀ ਚੱਕਰ ਵਧਾਉਣਾ ਹੈ, ਤਾਂ ਨਿਮਨਲਿਖਤ ਫਾਰਮੂਲਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹਨ: 5*Math.PI/180。 ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
3.6 ਅਪੇਕਸ਼ਾ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਲਈ ਪਹਿਲੀ ਵਾਰ ਇਸ ਗੁਣ ਦਾ ਪੂਰਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੀਆਂ ਹਨ。 9.0 3.6 4.0

10.1ਟਿੱਪਣੀਆਂ:

Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸੰਸਕਰਣਾਂ <canvas> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ।