תגית <canvas> מאפשרת ליצור צורות דו מימדיות ולהטמיע אותן במסמך ה-HTML.
אלמנט זה יוצר אזור מלבני בו ניתן לצייר באמצעות קוד.
| קטגוריה | סקריפטים והטמעת תכנים |
|---|---|
| תגיות הורים מורשות | <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> |
| ממשק DOM | HTMLCanvasElement |
תארים
תגית זו נכללת ברשימת התארים הגלובליים.
height - תכונה להגדרת גובה.
width - תכונה להגדרת רוחב.
-
דוגמא - כותרת ופסקה
<canvas id="canvas" width="300" height="300"> An alternative text describing what your canvas displays. </canvas>
דדגכ
<script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = 'green'; ctx.fillRect(10, 10, 100, 100); </script>
הערות
* מומלץ להזין תוכן בין התגיות על מנת שזה יופיע במידה והדפדפן אינו תומך ב-Canvas.
* חובה להוסיף תג סגירה <canvas/>.