3

svg回転テキストのより良いレンダリングを取得する方法があるかどうか知りたいですか？

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" width="900" height="400"  xmlns="http://www.w3.org/2000/svg">
     <text x="50" y="50" id="text_0" transform="rotate(17, 50, 50)">
         SVG text test 
    </text>
</svg>

このコードのレンダリングは次の場所でテストできます。http：//jsfiddle.net/vbzTd/2/ 文字がベースラインに準拠していないようで、理由がわかりません。

どうもありがとうございました。

4

1 に答える 1

1

私も同様の問題を抱えていました。テキストが回転すると、すべての文字がけいれんします。そして、それはすべてのブラウザで起こります。幸い、回転するテキストはそれほど多くなく、に変換textしただけpathです。その後、それは完全に機能します。しかし、多くのテキストを回転させる必要がある場合、svgのサイズは劇的に増加します。

于 2013-03-13T13:08:01.700 に答える