Html5 : Canvas

سلام ،

در این تاپیک قصد بررسی یکی از قابلیت های HTML 5 به نام Canvas و داریم .

Canvas چیست ؟

یک element جهت انجام کارهای گرافیکی که ناحیه ای مستطیل شکل در HTML رو شامل میشه و این قابلیت کنترل پیکسل به پیکسل اجزاش رو به شما میده .

در زیر نمونه یک Canvas رو براتون قرار دادم :

 <canvas id="canvas" width="200" height="100" style="border:1px solid #eee;></canvas>

Canvas به تنهایی قابلیت رسم گرافیکی نداره ، برای اینکار از جاوا اسکریپت استفاده میکنیم.

مثال :

<canvas id="canvas" width="200" height="100" style="border:1px solid #eee;"> </canvas>

<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
</script>

.

در زیر نمونه کار انجام شده با استفاده از Canvas و Js قرار دادم و در آینده در همین تاپیک نحوه کار با Canvas و متد های اون رو بررسی میکنیم .

.