Comentário: Ao escrever largura e altura na tela em tela, é o tamanho real da placa de tela. Por padrão, a largura é 300px e a altura é de 150px. Em seguida, a introdução detalhada é dada. Amigos interessados podem se referir a ele.
Na tela, ao escrever a largura e a altura na tela é o tamanho real do quadro de lona, por padrão, a largura padrão é de 300px e a altura é de 150px.Ao escrever o estilo CSS em estilo, Widht e Altura são o tamanho real da tela.
Agora, pegue um desenho de uma linha diagonal com tela como exemplo:
<! Doctype html>
<head>
<meta charset = utf-8 />
<title> Canvas </title>
<script type = 'text/javascript'>
window.onload = function () {
getCanvas ();
};
// desenho de tela
função getCanvas () {
// Obtenha o elemento de tela e seu contexto de desenho
var Canvas = document.getElementById ('Canvasid');
var context = Canvas.getContext ('2D');
// Crie um caminho com placas absolutas
context.BeginPath ();
context.moveto (0.200);
Context.lineto (200,0);
// Desenhe isso na tela primeiro
context.stroke ();
}
</script>
</head>
<Body>
<VASLE>/CANVAS>
</body>
</html>
O efeito de exibição é o seguinte:
Como você pode ver, a placa de desenho de tela é um quadrado de 200*200, e o desenho usa exibição diagonal de (0, 200) a (200, 0).
No entanto, os gráficos são exibidos em um retângulo de 400*200, e a tela também é uma linha diagonal.