تعليق: عند كتابة العرض والارتفاع على قماش في قماش ، فإن حجم اللوحة الفنية الفعلية للقماش. بشكل افتراضي ، يكون العرض 300 بكسل والارتفاع هو 150 بكسل. بعد ذلك ، يتم تقديم مقدمة مفصلة. يمكن للأصدقاء المهتمين الرجوع إليها.
في القماش ، عند كتابة العرض والارتفاع على القماش ، يكون حجم اللوحة الفنية الفعلية للقماش ، عرضًا افتراضيًا هو 300 بكسل والارتفاع 150 بكسل.عند كتابة نمط CSS في الأناقة ، هما Widht والارتفاع هما حجم العرض الفعلي.
الآن خذ رسم خط قطري مع قماش كمثال:
<! doctype html>
<head>
<meta charset = utf-8 />
<title> قماش </title>
<script type = 'text/javaScript'>
window.onload = function () {
getCanvas () ؛
} ؛
// الرسم canvase
وظيفة getCanvas () {
// احصل على عنصر القماش وسياق الرسم الخاص به
var canvas = document.getElementById ('canvasid') ؛
var context = canvas.getContext ('2d') ؛
// قم بإنشاء مسار مع العلامات المطلقة
context.beginPath () ؛
context.moveto (0،200) ؛
Context.lineto (200،0) ؛
// ارسم هذا على القماش أولاً
سياق. ضربة () ؛
}
</script>
</head>
<body>
<Canvas>/canvas>
</body>
</html>
تأثير العرض كما يلي:
كما ترون ، فإن لوحة رسم القماش هي مربع 200*200 ، ويستخدم الرسم شاشة قطرية من (0 ، 200) إلى (200 ، 0).
ومع ذلك ، يتم عرض الرسومات في مستطيل 400*200 ، والشاشة هي أيضًا خط قطري.