English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
clearRect() هي طريقة في API Canvas 2D تستخدم لجعل جميع البكسلات داخل منطقة المربع المحددة (بداية من نقطة (x, y)، والمساحة (width, height)) شفافة، وإزالة جميع المحتويات المرسومة السابقة.
حذف المربعات الداخلية المحددة:
<!DOCTYPE html>
<html>
<head>
<title>استخدام طريقة HTML canvas clearRect() (موقع دروس أساسية)</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.fillStyle="blue";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
</script>
</body>
</html>اختبار لـ ‹/›IEFirefoxOperaChromeSafari
يدعم Internet Explorer 9،Firefox،Opera،Chrome و Safari clearRect() الطريقة.
ملاحظة:Internet Explorer 8 و之前的 إصدارات لا تدعم عنصر <canvas>.
يحذف مكتبة clearRect() معينات البكسل في المربع المحدد.
| جملة JavaScript: | السياق.clearRect(x,y,العرض,الارتفاع); |
|---|
| الم参数 | الوصف |
|---|---|
| x | موقع x العلوية اليسرى للمربع الذي سيتم مسحه. |
| y | موقع y العلوية اليسرى للمربع الذي سيتم مسحه. |
| العرض | عرض المربع الذي سيتم مسحه، بالبكسل. |
| الارتفاع | ارتفاع المربع الذي سيتم مسحه، بالبكسل. |