<hatchpath>

Experimental

これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

<hatchpath>SVG の要素で、 <hatch> (en-US) 要素で使用されるハッチパスを定義します。

使用場所

カテゴリー無し
許可されている内容任意の数、任意の順序の以下の要素。
アニメーション要素
説明的要素
<script><style> (en-US)

属性

グローバル属性

固有の属性

DOM インターフェイス

この要素は SVGHatchpathElement インターフェイスを実装しています。

SVG

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <hatch id="hatch" hatchUnits="userSpaceOnUse" pitch="5"
        rotate="135">
      <hatchpath stroke="#a080ff" stroke-width="2"/>
    </hatch>
  </defs>

  <rect fill="url(#hatch)" stroke="black" stroke-width="2"
     x="10%" y="10%" width="80%" height="80%" />
</svg>

結果

ブラウザーの互換性

BCD tables only load in the browser

関連情報