2016-03-25 21 views
0

Bir SVG görüntüsü içine gömülmüş bir PNG resmim var. Gömülü görüntü için kenar yumuşatma özelliğini nasıl kapatabilirim? (Veya gömülü görüntü dahil her şey için kapatın?)SVG görüntülerine gömülmüş bitmap görüntülerinin kenar yumuşatmasını kapatın

Resim nesnesinde şekil oluşturma = "crispEdges" ayarlamayı denedim, ancak Chrome veya Inkscape kullanarak yakınlaştırdığımda, bulanık görebiliyorum. kenarları.

sayesinde

cevap

1

şekil oluşturma şekiller, yani hatları ve çevrelerinin içindir. Resimlerin kendi mülkleri var image-rendering. Şunun gibi bir şeye ihtiyacınız var ...

image-rendering: -moz-crisp-edges; 
    image-rendering: pixelated; 
+0

SVG yerine HTML ile ilgili bir makaleye bağlandınız. Ayrıca, bu öznitelik CSS olmayan bir var mı? – posfan12

+0

Robert bir CSS makalesine bağlı. Hem HTML hem de SVG, CSS ile biçimlendirilebilir. Ancak, tüm CSS özellikleri her ikisi ile çalışmaz CSS yerine stil niteliklerini kullanmak istiyorsanız, sadece 'image-rendering =" pixelated "' kullanın. Tüm tarayıcıları desteklemeniz gerekiyorsa her ikisini de ekleyin. –

+0

Üzgünüz, baktığım ilk referans bir seçenek olarak "pixelated" göstermedi. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering – posfan12