موضوع

تگ < canvas > :

از تگ < canvas > در Html 5 برای طراحی اشیا و اشکال گرافیکی بصورت Run Time به کمک زبان های اسکریپتی مثل مثل جاوا اسکریپت استفاده می شود . بوسیله تگ < canvas > شما می توانید اشیای گرافیکی مثل مربع ، دایره ، تصاویر و ... را بر روی صفحه ایجاد نمایید .

تگ < canvas > خود به تنهایی خروجی بر روی صفحه نداشته و فقط به عنوان یک نگهدارنده برای اشیای گرافیکی استفاده می شود . عمل طراحی اشکال بوسیله جاوا اسکریپت انجام می شود

syntax <canvas  id = " id " > </canvas>

 

<canvas id="MyCanvas" width="200" height="100" style="border: 1px solid #c3c3c3;">
      مرورگر شما از این تگ پشتیبانی نمی کند
</canvas>


<script>
      var c = document.getElementById("myCanvas");
      var ctx = c.getContext("2d");
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(0, 0, 150, 75);
</script>
مرورگر شما از این تگ پشتیبانی نمی کند
Copyright 2014. All rights reserved.