Comentario: Al escribir ancho y altura en lienzo en lienzo, es el tamaño real de la tabla de arte del lienzo. Por defecto, el ancho es de 300 px y la altura es de 150px. A continuación, se da la introducción detallada. Los amigos interesados pueden referirse a él.
En el lienzo, cuando se escribe el ancho y la altura en el lienzo es el tamaño real de la tabla de arte del lienzo, el ancho de forma predeterminada es de 300 px y la altura es de 150 px.Al escribir estilo CSS con estilo, Widht y la altura son el tamaño real de la pantalla.
Ahora tome dibujar una línea diagonal con lienzo como ejemplo:
<! Doctype html>
<Evista>
<meta charset = utf-8 />
<title> Canvas </title>
<script type = 'text/javaScript'>
window.onload = function () {
getCanvas ();
};
// dibujo de lona
función getCanvas () {
// Obtener el elemento de lona y su contexto de dibujo
var lienvas = document.getElementById ('Canvasid');
var context = Canvas.getContext ('2d');
// crear una ruta con signos absolutos
context.beginPath ();
context.moveto (0,200);
context.lineto (200,0);
// Dibuja esto en lienzo primero
context.stroke ();
}
</script>
</ablo>
<Body>
<Canvas>/Canvas>
</body>
</html>
El efecto de visualización es el siguiente:
Como puede ver, el tablero de dibujo de lienzo es un cuadrado de 200*200, y el dibujo utiliza la pantalla diagonal de (0, 200) a (200, 0).
Sin embargo, los gráficos se muestran en un rectángulo de 400*200, y la pantalla también es una línea diagonal.