ਕੋਰਸ ਸਿਫਾਰਸ਼:
Canvas scale() ਮੈਥਡ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ scale()
ਟਿੱਪਣੀਆਂ:method ਦੇ ਮਾਧਿਅਮ ਨਾਲ ਮੌਜੂਦਾ ਚਿੱਤਰ ਨੂੰ ਵੱਧ ਜਾਂ ਘੱਟ ਸਕੇਲ ਕਰੋ。 scale(2,2)ਅਗਰ ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਸਕੇਲ ਕਰੋ, ਤਾਂ ਸਾਰੇ ਬਾਅਦ ਦੇ ਚਿੱਤਰ ਵੀ ਸਕੇਲ ਹੋਣਗੇ। ਸਥਾਨਾਂ ਵੀ ਸਕੇਲ ਹੋਣਗੇ। ਅਗਰ ਤੁਸੀਂ ਲਿਖੋ
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 1
ਚੱਕਰ ਦਰਸਾਓ; 200% ਵਧਾ ਕੇ ਫਿਰ ਚੱਕਰ ਦਰਸਾਓ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ਸੁਝਾਅ:ਪੰਨੇ ਤਲ ਤੋਂ ਹੋਰ ਉਦਾਹਰਣ ਪ੍ਰਦਾਨ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。
ਸਿਧਾਂਤ
context.scale(scalewidth,scaleheight);
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
| ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
|---|---|
| scalewidth | ਮੌਜੂਦਾ ਚਿੱਤਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਸਕੇਲ ਕਰੋ (1=100%, 0.5=50%, 2=200%, ਆਦਿ) |
| scaleheight | ਮੌਜੂਦਾ ਚਿੱਤਰ ਦੀ ਉਚਾਈ ਨੂੰ ਸਕੇਲ ਕਰੋ (1=100%, 0.5=50%, 2=200%, ਆਦਿ) |
ਹੋਰ ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 2
ਇੱਕ ਚੱਕਰ ਦਰਸਾਓ; 200% ਵਧਾ ਕੇ ਫਿਰ ਚੱਕਰ ਦਰਸਾਓ; 200% ਵਧਾ ਕੇ ਫਿਰ ਚੱਕਰ ਦਰਸਾਓ; 200% ਵਧਾ ਕੇ ਫਿਰ ਚੱਕਰ ਦਰਸਾਓ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸ਼ਾਡੂ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਸ਼ਰਤ ਦਾ ਪਹਿਲਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸ਼੍ਰੇਣੀ ਦਿੰਦੀਆਂ ਹਨ。
| ਚਰਮ | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮ | ਐਜ਼ਡ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਉਸ ਤੋਂ ਪਹਿਲਾਂ ਦੀਆਂ ਸ਼੍ਰੇਣੀਆਂ <canvas> ਇਲੈਕਟ੍ਰੌਨ ਨਹੀਂ ਸਮਰਥਤ ਕਰਦੀਆਂ ਹਨ。
