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 پشتیبانی می کنند.