HTML <canvas> height ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML 标签

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

height ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ <canvas> ਐਲੀਮੈਂਟ ਦੀ ਉਚਾਈ ਸੈਟ ਕਰੋ ਪਿਕਸਲ ਇਕਾਈ ਵਿੱਚ。

ਸੁਝਾਅ

ਇਹ ਵਰਤੋਂ ਕਰੋ width ਪ੍ਰਤੀਯੋਗਿਤਾ ਪਿਕਸਲ ਇਕਾਈ ਵਿੱਚ <canvas> ਐਲੀਮੈਂਟ ਦੀ ਚੌਡਾਈ ਸੈਟ ਕਰੋ。

ਹਰ ਵਾਰ ਕੈਂਵਾਸ ਦੀ ਉਚਾਈ ਜਾਂ ਚੌਡਾਈ ਮੁੜ ਸੈਟ ਕਰਨ ਤੇ ਕੈਂਵਾਸ ਦਾ ਸਮੱਗਰੀ ਮਿਟ ਜਾਵੇਗਾ (ਪੰਨੇ ਦੇ ਨੀਚੇ ਦੇ ਉਦਾਹਰਣ ਨੂੰ ਦੇਖੋ).

ਸਾਡੇ HTML Canvas ਸਿੱਖਿਆ ਵਿੱਚ <canvas> ਐਲੀਮੈਂਟ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਸਿੱਖੋ。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਉਚਾਈ ਅਤੇ ਚੌਡਾਈ ਦੋਵੇਂ 200 ਪਇਕਸਲ ਦਾ <canvas> ਐਲੀਮੈਂਟ:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

ਸਵੈਲਰ ਕਰੋ

ਉਦਾਹਰਣ 2

ਕੈਂਵਾਸ ਨੂੰ ਉਚਾਈ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ 300px ਸੈਟ ਕਰਕੇ ਕੈਂਵਾਸ ਨੂੰ ਮਿਟਾਓ (ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਤੋਂ ਕਰੋ):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

ਸਵੈਲਰ ਕਰੋ

ਗਣਨਾ

<canvas ਉਚਾਈ="ਪਿਕਸਲ">

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਪਿਕਸਲ ਕੈਨਵਾਸ ਦੀ ਉਚਾਈ ਨੂੰ ਪਿਕਸਲ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ ਵਜੋਂ '100')।ਮੂਲ ਮੁੱਲ 150 ਹੈ。

ਬਰੇਅਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਬਰੇਅਰ ਵਿੱਚ ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਪਹਿਲੇ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰੱਥਾ ਵਾਲੇ ਬਰੇਅਰ ਦੀ ਸੰਖਿਆ ਦਿੱਤੀ ਗਈ ਹੈ。

ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 2.0 3.1 9.0

HTML 标签