2012-02-16 1 views
3

私は基本的にOpera 9.3であるWiiインターネットチャンネルにロードすることを目的としたWebアプリケーションを構築しています。Wiiインターネットチャンネル(Opera)のSVG

SVGをサポートしていますが、縮尺は変わっていません。幅と高さの設定にかかわらず、グラフィックスは常に「最適な」サイズでレンダリングされます。

CSSで高さ/幅を設定すると、画像要素がページ内で占めるスペースは変わりますが、SVGグラフィックはまだすべてのものをレンダリングします(位置指定やZ-インデックスは設定されません)。

タグ属性を使用して高さ/幅を設定すると、イメージは単純にそれらの寸法に合わせて切り取られます。

Wiiインターネットチャンネルでサポートされている可能性のあるSVGをスケーリングする代替方法はありますか?

編集: SVGに依存しているようです。

<img src="http://www.w3.org/Graphics/SVG/Test/20061213/svggen/fonts-elem-01-t.svg" width="200" /> 

このSVGを固定しているように見えるのに対し:

<img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg" width="200" /> 

これら二つの違いについての任意の考えたとえば、このSVGは私が設定何に拡張することができますか?

答えて

0

私はそれを理解しました!これは、SVGファイル内の最初のSVGタグとそのパラメータと関係があります。

は当初、スケーリングされなかったSVGは、SVGタグのためにこれを持っていた:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638"> 

あなたは右にスクロールする必要がありますが、あなたは何viewBox属性が存在しないことに注意しましょう。 viewBox属性を追加して、SVGの完全な最適サイズ(width属性とheight属性で指定)を指定すると、Wiiは正しくスケーリングします。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638" viewBox="0 0 1063 638">