در حال بارگذاری...
canvas HTML
canvas سطح نقاشی خالی. HTML میگذارد؛ JavaScript پیکسل میکشد.
پاسخ مستقیم
<canvas id="c" width="300" height="150"></canvas> سپس getContext("2d"). بدون script فقط fallback. SVG برای آیکون ساده؛ canvas برای رسم پویا.
Canvas with fallback text
html
HTML Code
<canvas id="c" width="300" height="150">
Your browser does not support canvas drawing.
</canvas>
<script>
const ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "#248";
ctx.fillRect(20, 20, 120, 80);
</script>امتحان کنید
- canvas با id
- مستطیل با script
- رنگ/اندازه
- CSS size ≠ resolution
اشتباهات آسان
- شکل فقط HTML
- بدون fallback
- canvas برای logo ساده
خلاصه
- canvas+JS
- گرافیک پویا
- SVG برای آیکون
- fallback
🧠 دانش خود را بیازمایید
آماده شروع
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
3
سوالات
70%
برای قبولی
∞
زمان
∞
تلاشها
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود