Comentario: El dibujo de ellips en el lienzo es un requisito muy común, pero la mayoría de los navegadores aún no han implementado este método, por lo que a menudo usan el método ARC o Arcto para combinar la deformación de escala para dibujar ellips. Los amigos interesados pueden aprender al respecto, esperando que pueda ayudarlo.
El dibujo de ellips en el lienzo es un requisito muy común. El nuevo borrador HTML Canvas 2D contextw3c ha agregado un método de elipse para dibujar ellips, pero la mayoría de los navegadores aún no han implementado este método, por lo que es necesario usar el método ARC o Arcto combinado con la deformación de escala para dibujar ellips.
Código de muestra:
<Canvas> </Canvas>
<script>
var ctx = documentQuterySelector ('Canvas') getContext ('2d');
ctxlineWidth = "10";
CTXScale (1,2);
CTXARC (150,150,100,0, Mathpi*2, falso);
ctxstroke ();
</script>
Está un poco incorrecto, porque las líneas son desiguales en grosor, y el accidente cerebrovascular también se ve afectado por la escala.
Para solucionar este problema, necesitamos un pequeño truco.
Código de muestra:
[código]
<Canvas> </Canvas>
<script>
var ctx = documentQuterySelector ('Canvas') getContext ('2d');
ctxlineWidth = "10";
ctxsave ();
CTXScale (1,2);
CTXARC (150,150,100,0, Mathpi*2, falso);
ctxrestore ();
ctxstroke ();
</script>
[/código]
Ahora un par, perfecto.
El truco es guardar primero el estado de lienzo, luego escalar y llamar al comando de ruta, luego restaurar el estado de lienzo y luego extraerlo.
El punto clave es guardar primero y luego Zoom, restaurar primero y luego trazar el golpe.