English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
fill() هي طريقة في API Canvas 2D تملأ المسار الحالي أو المسار الموجود بناءً على النمط الحالي للملء، وتتبع القواعد غير الصفرية أو القواعد الزوجية.
رسم مربع ذو حجم 100*100 بكسل، ثم ملؤه باللون الأحمر:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام طريقة fill() لـ HTML canvas - تعليمية أساسية (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
على جهاز التصفح الخاص بك غير دعم علامة HTML5 canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,100,100);
ctx.fillStyle="red";
ctx.fill();
</script>
</body>
</html>اختبار لمعرفة ‹/›IEFirefoxOperaChromeSafari
يدعم Internet Explorer 9،Firefox،Opera،Chrome وSafari fill() الطرق.
ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا تدعم عنصر <canvas>.
طريقة fill() تغطي الرسم الحالي (المسار). لون افتراضي هو الأسود.
إشارة:استخدم fillStyle استخدام الخاصية لملء لون/تدرج آخر.
ملاحظة:إذا لم يكن المسار مغلقاً، فإن طريقة fill() ستضيف خطاً من نقطة نهاية المسار إلى نقطة البداية بينما تغلق المسار (كما closePath() مثل ذلك)، ثم ملء المسار.
| جافا سكربت الجملة: | سياق.fill(); |
|---|