人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

AdobeのSVG Viewer などの拡大・縮小機能(右クリック->拡大など)を使っても、
フォントサイズが変わらないような
SVG ファイルを作成するに、どうしたら良いでしょうか?

<text>タグ内で、style=”font-size:10px” といったような形で、絶対指定すれば良いのかなと思ったのですが、うまくいきません。

簡単なsvgファイルの例を教えていただけないでしょうか。


●質問者: s-feng
●カテゴリ:コンピュータ
✍キーワード:Adobe SVG サイズ タグ ファイル
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● coool51
●100ポイント

http://www.adobe.co.jp/svg/overview/vectorbitmap.html

Scalable Vector Graphics

名前にあるように、スケーラブルな点が特徴の1つなので、拡大されてもフォントサイズが変わらない、というのは考えられていないのではないでしょうか? フォントだけ固定だと、レイアウトが崩れてしまう可能性があるでしょうし。

http://www.adobe.co.jp/svg/indepth/faq.html#text

Scalable Vector Graphics

フォントサイズ固定ではありませんが、ズームを機能させない方法はあるようです。

http://www.adobe.co.jp/svg/demos/main.html

サンプルはこんな感じですが、地図の作例はGoogle Mapsの方が魅力的に感じてしまいます。

◎質問者からの返答

ありがとうございます。

確かに、レイアウトとの整合性は怪しくなりそうですね。おっしゃるとおり、もともと無理のような気がしてきました。

使用するイメージは、まさに、Google Maps のような例です。

地図は拡大するけれども、線や

文字のサイズは変わらないような、簡単な方法はないかなと思った次第です。

Demo のように、javascript で加工するか、

Google のように、Ajaxを利用するしかないのかもしれないですね。

もし、インチキくさいが、こんな簡単なやり方でも実現できる。といったような方法がありましたら、という意味もこめて、もう少しだけ、回答を募集します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ