デフォルトのSVGスタイル

StackOverflow https://stackoverflow.com/questions/1803049

  •  05-07-2019
  •  | 
  •  

質問

デフォルトの SVG スタイルは何ですか？たとえば、新しいSVGドキュメントのデフォルトのフォントは何ですか？ SVG仕様に記述されていますか？

<svg><text x="10" y="10">Hello</text></svg>

ありがとう

役に立ちましたか？

解決

ここにアクセスして、ページの文字列＆quot; Initial：＆quotをスキャンします;。次に、テキストレンダリング用に仕様で定義されている初期値を見つけます。ただし、フォントファミリについては次のように記載されています。

'font-family'
    Value:      [[ <family-name> |
                    <generic-family> ],]* [<family-name> |
                    <generic-family>] | inherit
    Initial:    depends on user agent
    Applies to:     text content elements
    Inherited:      yes
    Percentages:    N/A
    Media:      visual
    Animatable:     yes

つまり、ユーザーエージェントは、使用するフォントファミリ、何も指定されていない場合、または指定された名前のフォントにアクセスできない場合を決定できます。

全体の初期値：仕様では、CSS宣言として属性を記述できる（ fill：red; など）あらゆる場合の初期値を定義しています。この場合、動作は CSS定義のようになります。

他のケースのいくつかではフォールバックが定義されていますが、ケースに依存します。

他のヒント

まあ、私はそれを自分でテストしていませんが、 SVG Specs 1.1フォントの説明には、デフォルトのフォント（font-face / font-family）は記載されていません。次のように書かれています：
＆quot;「font-face」要素は、CSS2の@ font-face機能に直接対応しています＆quot;

まあ、もし指定されていれば、親コンテナのフォントを取るべきだと思います。親に何も指定されていない場合、または親が指定されていない場合は、ブラウザのデフォルトフォントまたはビューアのフォントになると思います。私を引用しないでください。 ：P

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top