본문 바로가기
svg

svg pattern : patternTransform attribute with matrix value

by peach1227 2023. 12. 29.
<svg viewBox="0 0 500 500">

<defs>
<pattern id="pattern1" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse" patternTransform="matrix(1,0,0,1,50,50)">
<circle id="circle1" cx="50" cy="50" r="50" fill="gold"/>

</pattern>

</defs>

<rect id="rect1" x="50" y="50" width="200" height="200" fill="url(#pattern1)" stroke="none"/>
</svg>
반응형

'svg' 카테고리의 다른 글

svg patternTransform attribute : translate(tx,xy)  (1) 2023.12.30
svg transform : translate, rotate with an example  (0) 2023.12.29
svg pattern:animation  (0) 2023.12.26
svg pattern : animation  (0) 2023.12.24
svg marker attributes  (0) 2023.12.24