Комментарий: При написании ширины и высоты на холсте на холсте, это фактический размер артборда холста. По умолчанию ширина составляет 300 %, а высота - 150px. Далее дано подробное введение. Заинтересованные друзья могут ссылаться на это.
В холсте, когда написание ширины и высоты на холсте - фактический размер артборда холста, по ширине по умолчанию составляет 300 %, а высота - 150px.При написании стиля CSS в стиле, Widht и высота являются фактическим размером дисплея.
Теперь возьмите в качестве примера рисование диагональной линии с холстом:
<! Doctype html>
<голова>
<meta charset = utf-8 />
<title> Canvas </title>
<script type = 'text/javascript'>
window.onload = function () {
getCanvas ();
};
// рисунок с холстами
функция getCanvas () {
// Получить элемент холста и его контекст рисования
var canvas = document.getElementbyId ('canvasid');
var context = canvas.getContext ('2d');
// Создать путь с абсолютными указателями
context.beginpath ();
context.moveto (0,200);
context.lineto (200,0);
// сначала нарисовать это на холсте
Context.Stroke ();
}
</script>
</head>
<тело>
<Canvas>/Canvas>
</body>
</html>
Эффект отображения выглядит следующим образом:
Как вы можете видеть, чертежная доска холста представляет собой квадрат 200*200, а чертеж использует диагональный дисплей от (0, 200) до (200, 0).
Тем не менее, графика отображается на прямоугольнике 400*200, а дисплей также является диагональной линией.