<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 |