English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل HTML

كامل قائمة علامات HTML

خاصية lineWidth لـ HTML canvas

property lineWidth هي خاصية في API Canvas 2D لضبط سمك قطع الشريط (أي عرض الشريط).

دليل مرجعي لـ HTML canvas

مثال على الإنترنت

رسم مستطيل باستخدام خط عرض 12 بكسل:

متصفحك لا يدعم علامة HTML5 canvas.
<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية lineWidth لـ 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.lineWidth=12;
ctx.strokeRect(20,20,80,100);
</script>
</body>
</html>
اختبار لـ ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم متصفحات Internet Explorer 9،Firefox،Opera،Chrome وSafari خاصية lineWidth.

ملاحظة:لا يدعم متصفح Internet Explorer 8 وأحدث إصداراته عنصر <canvas>.

التعريف والاستخدام

يحدد أو يعيد الخط العريض الحالي، مقاسه بالبكسل.

القيمة الافتراضية:1
جملة لغة جافا سكربت:سياق.lineWidth=رقم;

قيمة الخاصية

 
القيمةالوصف
رقمعرض خط الحالي، مقاسه بالبكسل.
دليل مرجعي لـ HTML canvas