<svg width="220" height="220"> <style> text { font: italic 22px serif; } tspan { font: bold 20px sans-serif; fill: red; } </style> <defs> <path id="path1" d="m10,200 A50,50 0 0 1 200,200" fill="none" stroke="red"></path> </defs> <text><textPath href="#path1">You should know <tspan>what I said</tspan>.</textPath></text> </svg>
반응형
'svg' 카테고리의 다른 글
svg animateTransform example (0) | 2023.09.01 |
---|---|
svg animationMotion (0) | 2023.09.01 |
how to use svg pattern (0) | 2023.08.29 |
svg pattern 2 (0) | 2023.08.27 |
svg tutorial about pattern reference (0) | 2023.08.27 |