ਕੈਂਵਾਸ ਟਰੈਂਸਲੇਟ() ਮੈਥਡ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
translate() ਮੱਥਕ ਰੂਪ ਵਿੱਚ ਮੁੱਲ ਦਿਖਾਓ
ਟਿੱਪਣੀਆਂ:ਜਦੋਂ ਤੁਸੀਂ translate() ਦੇ ਬਾਅਦ ਅਜਿਹੇ ਤਰੀਕਿਆਂ 'ਤੇ ਕਿਰਦੇ ਹੋ ਤਾਂ fillRect() ਅਜਿਹੇ ਤਰੀਕਿਆਂ 'ਤੇ ਮੁੱਲ ਜੋੜਿਆ ਜਾਵੇਗਾ x ਅਤੇ y ਨਿਰਦੇਸ਼ਾਂ 'ਤੇ
ਉਦਾਹਰਣ
ਸਥਾਨ (10,10) 'ਤੇ ਇੱਕ ਚੱਕਰ ਦਿਖਾਓ, ਨਵਾਂ (0,0) ਸਥਾਨ ਨੂੰ (70,70) ਸੈਟ ਕਰੋ।ਫਿਰ ਨਵਾਂ ਚੱਕਰ ਦਿਖਾਓ(ਪਛਾਣੋ ਕਿ ਹੁਣ ਚੱਕਰ (80,80) ਸਥਾਨ ਤੋਂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ):
ਜਰਨੇਸਕਰਪਟ:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
ਗਰਮਾਤਰਾ
context.translate(x,y);
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| x | ਪ੍ਰਿੰਟ ਸਮੇਤ ਸਥਾਨਕ ਯੂਨਿਟ (x) 'ਤੇ ਮੁੱਲ ਜੋੜੋ। |
| y | ਪ੍ਰਿੰਟ ਸਮੇਤ ਸਥਾਨਕ ਯੂਨਿਟ (y) 'ਤੇ ਮੁੱਲ ਜੋੜੋ। |
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਇਸ ਤਾਲਿਕੇ ਵਿੱਚ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥਾ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਦਿੱਤੀ ਗਈ ਹੈ。
| ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਘੱਟ ਤੋਂ ਘੱਟ ਸਮਰੱਥਾ ਵਾਲੇ ਵੈਂਡਰਜ਼ ਨੂੰ <canvas> ਆਯਾਮ ਸਮਰੱਥਾ ਨਹੀਂ ਹੈ。
