Deaktivieren Sie das Anti-Aliasing von in SVG-Bildern eingebetteten Bitmap-Bildern

Ich habe ein PNG-Bild in SVG-Bildern eingebettet. Wie deaktiviere ich das Anti-Aliasing für das eingebettete Bild? (Oder, schalte es für alles einschließlich das eingebettete Bild aus?)Deaktivieren Sie das Anti-Aliasing von in SVG-Bildern eingebetteten Bitmap-Bildern

Ich habe versucht, Shape-Rendering = "crispEdges" auf das Bildobjekt, aber wenn ich zoome mit Chrome oder Inkscape kann ich immer noch die unscharfe sehen Kanten.

Dank

Quelle

2016-03-25 posfan12

Form-Rendering ist für Formen heißt Linien und Kreise. Bilder haben ihre eigene Eigenschaft image-rendering. Sie brauchen so etwas ...

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

Quelle

2016-03-25 22:38:45

Sie haben mit einem Artikel über HTML statt SVG verbunden. Gibt es auch ein Nicht-CSS-Äquivalent dieses Attributs? – posfan12

Robert mit einem CSS-Artikel verknüpft. Sowohl HTML als auch SVG können mit CSS formatiert werden. Es funktionieren jedoch nicht alle CSS-Eigenschaften mit beiden. Wenn Sie anstelle von CSS Stilattribute verwenden möchten, verwenden Sie 'image-rendering =" pixelated "'. Fügen Sie beide hinzu, wenn Sie alle Browser unterstützen müssen. –

Entschuldigung, die erste Referenz, die ich angeschaut habe, zeigte nicht "pixelig" als Option. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering – posfan12

Deaktivieren Sie das Anti-Aliasing von in SVG-Bildern eingebetteten Bitmap-Bildern

Antwort

Verwandte Themen