Html5 canvas clip() dibuja una ruta de imagen con bordes irregulares.

(Transferir) Las líneas dibujadas por todos los comandos de dibujo lineal en el lienzo Html5 tienen fallas (como lineTo, arcTo, StrokeRect). Esto se debe a que la posición correspondiente al valor de coordenadas enteras en el lienzo es exactamente la grieta en el medio de los píxeles de la pantalla, por lo que al representar la línea de acuerdo con dichas coordenadas, se utilizarán los píxeles en ambos lados de la grieta, por lo que incluso Si el ancho de la línea se establece en 1, verá dos líneas con efectos de píxeles. Resuelva los puntos de píxeles originales.

Referencia:/jsan/blog/17651