0
162
VistasSVG pixelado cuando se usa con lienzo en la altura y el ancho de la ventana completa para todos los dispositivos
Estoy usando la biblioteca Jspain en este proyecto. https://faisalsamroz.com/colorway15/
Dibujé una imagen SVG en un lienzo, pero se está pixelando, incluso muestra puntos blancos cuando llenas el color negro. Captura de pantalla adjunta. Por favor, ayuda si alguien más tuvo el mismo problema.
1 Respuestas
Responde la pregunta0
Cuando un SVG se representa en un mapa de bits, como un lienzo, se usa antialiasing para que los bordes de las formas parezcan más suaves.
Si luego intenta inundar esas formas de mapa de bits con un color, esos píxeles de borde gris aparecerán como líneas blancas o puntos alrededor del borde del relleno.
Hay algunas cosas que puedes hacer. Por ejemplo:
Puede deshabilitar el suavizado en sus imágenes SVG. Utilice
shape-rendering="crispEdges"como propiedad o estilo CSS. Consulte: https://www.w3.org/TR/SVG11/single-page.html#painting-ShapeRenderingProperty , oRenderiza el SVG. Luego ejecute un filtro de umbral o contraste sobre esa imagen para eliminar los píxeles grises.