2 Replies Latest reply on Sep 14, 2016 1:35 AM by azshi

    SVGのフォーマットについて

    azshi

      初めて質問させてもらいます。
      SVGに関する質問です。

      イラストレーターを使って作成しているのでこの場で質問するのは筋ではないと思うのですが、イラストレーターccにアップデートしてから書き出したSVGがファイルメーカー側でうまく表示されません。
      なぜか拡大表示されてしまいます。

      イラストレーターのバージョンとsvg書き出し手順は以下の通りです。

      イラストレーター CC 19.2.1

      キャンバスサイズ  300x300
      SVGに別名保存
      svg1.1
      フォント / 文字:カスタム / サブセット:なし
      オプションの画像の場所:埋め込み

      以前イラストレーターcs4で別名保存したファイルは問題なく表示されるのですが、ccにしてからうまくいきません。

      おそらく書き出し手順のフォーマット選択に問題があるとは思うのですが、どなたかご存知の方がいらっしゃいましたらご教授お願いします。

        • 1. Re: SVGのフォーマットについて
          user14047

          Illustrator が書き出す SVG がどうなっているかわかりませんが、テキストエディタで開いてみて、

          頭のサイズ設定が <svg width="100%" height="100%" viewBox="0 0 300 300" ... のように % での設定になっていないか、

          <svg viewBox="0 0 300 300" ... のようにサイズ設定がされていない場合、

          <svg width="300" height="300" viewBox="0 0 300 300" ... のように width, height を px 単位で設定をしてみてください。

           

          参考 : FileMaker : FileMaker Pro 15 SVG Grammar for Button Icons

           

          # 主に英語でのディスカッションの場に投稿されていますので、日本語フォーラム に移動された方が、より 多くの日本のユーザからのレスポンスが期待できますよ。

          • 2. Re: SVGのフォーマットについて
            azshi

            こめんとありがとうございます!

            svgファイルのコードを確認してみます。

             

             

            ここのフォーラムは初心者でわからないことばかりで、すいません。

            できたら日本語フォーラムに移動してみます。