دليل مرجع HTML

مجمع علامات HTML

خصائص ImageData.width في HTML canvas

خصائص ImageData.width فقط للقراءة، تعود عدد وحدات البكسل في كل سطر من بيانات الصورة.

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

تنبيه عرض ImageData:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام خاصية عرض imgData في HTML canvas - درس أساسي (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
لا تدعم متصفحك علامة الفئة HTML5 للرسوم البيانية.
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100, 100);
alert("عرض imgData هو: " + imgData.width);
var i;
for (i = 0; i < imgData.data.length; i += 4) {
　　imgData.data[i+0] = 255;
　　imgData.data[i+1] = 0;
　　imgData.data[i+2] = 0;
　　imgData.data[i+3] = 255;
}
　　
ctx.putImageData(imgData, 10, 10);
</script>
</body>
</html>

الاختبار لمعرفة

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

IEFirefoxOperaChromeSafari

يدعم ImageData Internet Explorer 9،Firefox،Opera،Chrome وSafari خاصية عرض

ملاحظة:Internet Explorer 8 وأقل لا يدعم عنصر <canvas>.

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

يستعيد هذه الخاصية عرض ImageData (بأبعاد البكسل).

إشارة:الرجاء الرجوع إلى createImageData()والgetImageData() وputImageData() الطريقة، للحصول على معلومات إضافية حول عنصر ImageData.

جافا سكربت: بناء الجملة

جافا سكربت: بناء الجملة	imgData.عرض;

دليل مرجع HTML canvas

HTML: <template> علامة