<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"> <defs> <marker id="marker-0" viewBox="0 0 100 100" overflow="visible" orient="auto" refX="50" refY="50" bx:pinned="true"> <path style="stroke: rgb(0, 0, 0); fill: rgb(186, 38, 38);" d="M 0.937 1.405 L 99.766 50.82 L 1.288 99.649 L 0.937 1.405 Z"></path> </marker> </defs> <path style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); marker: url(#marker-0); stroke-width: 24px; stroke-opacity: 0.82; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 30; stroke-dashoffset: -37px;" d="M 63.232 276.347 L 375.293 120.609"></path> </svg>
반응형
'svg' 카테고리의 다른 글
svg pattern:animation (0) | 2023.12.26 |
---|---|
svg pattern : animation (0) | 2023.12.24 |
svg symbol : fill attribute, stroke attribute using inherit value (1) | 2023.12.23 |
svg symbol : fill attribute stroke attribute (1) | 2023.12.22 |
svg elements transform-box:fill-box ; transform-origin:50% 50% ; (1) | 2023.12.21 |