使用したい SVG 背景があるのですが、背景として使用するどころか、ページ全体に広げる方法がわかりません。誰か助けてくれませんか?
(W3Schools ページでは、SVG でも背景でも何も表示されませんでした)。
<object data="background.svg" type="image/svg+xml" width="100%" height="100%">正確には機能しません。
ベストアンサー1
SVG を PNG のように歪ませたり伸ばしたりできるかどうか、とお尋ねだと思います。残念ながら、SVG コード自体がそのように設定されていない限り、これは不可能ではありません (たとえば、SVG が Illustrator で生成された場合は、単純にそうはなりません)。
現時点では、SVG を手動でコーディングするしかありません。たとえば、角度を設定した対角線を描く代わりに、左上隅と右下隅を結ぶように SVG に指示できます。SVG をお持ちの場合は、手動でコーディングする方法をお伝えできるかもしれません。(SVG が Phrogz のトラのように複雑な場合は、おそらく不可能でしょう...)
また、ほとんどの最新ブラウザでは、タグpreserveAspectRatio="none"に属性を追加するだけで済みますsvg。ファイルがある場合は.svg、Sublime Text でファイルを開き、svg タグにコード ( など) を追加して<svg version="1.1"...(hundreds of lines of codes followed)、 を作成します<svg version="1.1" preserveAspectRatio="none"...(hundreds of lines of codes followed)。