SVGイメージに埋め込まれたビットマップイメージのアンチエイリアスをオフにします。

SVGイメージ内にPNGイメージが埋め込まれています。どのように埋め込み画像のアンチエイリアスをオフにするのですか？（埋め込み画像を含むすべてのものについてオフにしますか？）SVGイメージに埋め込まれたビットマップイメージのアンチエイリアスをオフにします。

画像オブジェクトにshape-rendering = "crispEdges"を設定しようとしましたが、ChromeまたはInkscapeを使用してズームインしても、エッジ。

ありがとうございました

出典

2016-03-25 posfan12

シェイプレンダリングはシェイプ、つまり線と円です。画像には独自のプロパティimage-renderingがあります。このようなものが必要です...

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

出典

2016-03-25 22:38:45

あなたはSVGではなくHTMLについての記事にリンクしています。また、この属性にCSS以外の同等の機能はありますか？ – posfan12

ロバートはCSS記事にリンクしています。 HTMLとSVGの両方をCSSでスタイル設定することができます。しかし、CSSのプロパティが両方で動作するわけではありません。CSSの代わりにスタイル属性を使用する場合は、 'image-rendering =" pixelated "を使用してください。すべてのブラウザをサポートする必要がある場合は、両方を含めます。 –

申し訳ありませんが、私が見た最初の参考文献では、「ピクセル化」をオプションとして表示していませんでした。 https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering – posfan12

SVGイメージに埋め込まれたビットマップイメージのアンチエイリアスをオフにします。

答えて

関連する問題