Comentario: Encontré que los bordes dibujados por la función rectangular en el interior tienen estilos inconsistentes. Permítanme compartir las ideas para resolver el problema con todos. Los amigos interesados no deben perderse.
En los últimos dos días, necesito usar el dibujo HTML5 de mi colega. Descubrí que los bordes dibujados por la función con el rectángulo adentro tenían estilos inconsistentes. Finalmente, encontré el quid del problema a través de algunos métodos de exclusión, y los compartiré con ustedes.
Primero adjunte el código HTML5 para dibujar un rectángulo:
<Canvas> </Canvas>
<script>
var lienvas = document.getElementById ('mycanvas');
var context = Canvas.getContext ('2d');
context.beginPath ();
context.rect (188.0, 50, 200, 100.375);
context.fillstyle = 'White';
context.fill ();
context.linewidth = 1;
context.strokestyle = 'rojo';
context.stroke ();
</script>
Encontrará que el estilo de borde es diferente después de la ejecución, y la parte inferior obviamente es muy delgada. Los colores son ligeramente diferentes
Después de modificar context.rect (188.0, 50, 200, 100.375) a context.rect (188.0, 50, 200, 100), se encuentra que el estilo es completamente consistente.
Esto muestra que al dibujar un rectángulo, si hay algún parámetro dentro que no sean enteros, es fácil causar problemas de borde, por lo que se recomienda que lo redondee antes de usarlo.