0

埋め込みhtmlタグを使用して、「シートリーダー」にsvgを追加しようとしています。FF、Chrome、IE9 でも正常に動作しますが、Safari でページを開くと、スケーリングされず、スクロールバーが表示されます。

これが私のテスト環境です: http://www.nie-wieder.net/br/BookReaderDemo/noten.html#page/1/mode/1up サファリで開くだけです (バージョン 5.1.7、おそらく mac のみ?!ここに Mac があります)、私の言いたいことがわかるでしょう。

だから、私の質問は次のとおりです。デモでsvgファイルを取得して、Safariで正しくスケーリングする方法はありますか?

私はここで検索しましたが、この特定の質問には何も見つかりませんでしたので、あなたが私を助けてくれることを願っています:)

編集: img-tag を介した svg はスクリプト化できないため、img を使用できません:(

4

1 に答える 1

2

ブラウザのデフォルトの svg タグの CSS ルールを上書きします。ファイルの svg タグからwidth=""とを削除するか、embed タグの代わりに svg を img として埋め込みます。height="".svg

<img type='image/svg+xml' src="file.svg" style="width: 100%; height: 100%;" />
于 2012-07-21T17:36:56.177 に答える