مدرسة الويب العربي

عناصر HTML

<a><abbr><address><area><article><aside><audio><b><base><bdi><bdo><blockquote><body><br><button><canvas><caption><cite><code><col><colgroup><datalist><dd><del><details><dfn><dialog><div><dl><dt><em><embed><fieldset><figcaption>

وسم <canvas> في لغة HTML

ادراج رسومات باستخدام javascript

مثال على الاستخدام

<canvas id="canvas" width="150" height="150">متصفحك غير داعم لهذا الخاصية</canvas>

<script type="application/javascript">
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgb(200,0,0)";
 ctx.fillRect (10, 10, 55, 50);

 ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
 ctx.fillRect (30, 30, 55, 50);
</script>
يستخدم هذا الوسم لادراج رسومات او اشكال هندسية باستخدام JavaScript