google-chrome - SVG レンダリングの品質を設定する

Question

通常、ブラウザは svg 画像を適切にレンダリングしますが、クロムでは、ブラウザは css3 スケールを検出せず、貧弱な画像を返します。これは css スケールが新しい技術だからでしょう... レンダリング品質を選択する方法はありますか?

私の英語でごめんなさい、勉強中です！

Answer 1

これにはいくつかの回避策がありますが、レンダリング品質ディレクティブを設定するほど簡単なものはありません。最も簡単な回避策は、img タグ内で使用する代わりに、実際の SVG を挿入することです。

あなたのhtmlは次のようになります...

<svg>
  ...
</svg>

そして、あなたのCSSは次のようになります...

svg {
  -webkit-transform: scale(2);
}

ここにデモがあります: http://jsfiddle.net/EgsGe/