HTML <canvas> Tag
تگ <canvas> در HTML برای ایجاد تصاویر گرافیکی و انیمیشن استفاده می شود.
مثال:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
<script>
var c = document.getElementById('newCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#00FD00';
ctx.fillRect(0,0,200,60);
</script>
</body>
</html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
همانطور که در مثال بالا مشاهده می شود، داخل تگ <canvas> باید یک متن جایگزین قرار داده شود. این متن در مرورگرهای قدیمی که از این تگ پشتیبانی نمی کنند و یا جاوااسکریپت را غیر فعال کرده اند، به نمایش در خواهد آمد.
صفت ها (Attributes)
height
ارتفاع عنصر <canvas> را مشخص می کند. مقدار پیشفرض آن 150 پیکسل می باشد.
width
عرض عنصر <canvas> را مشخص می کند. مقدار پیشفرض آن 300 پیکسل می باشد.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
