본문 바로가기

html

[html]원형 테두리를 따라 적히는 글자

        <svg viewBox="0 0 200 200" aria-label="원형 경로 텍스트">
          <circle cx="100" cy="100" r="80" fill="none" stroke="none" stroke-width="2"/>
          <defs>
            <path id="circlePath" d="M100,100 m -80,0 a 80,80 0 1,1 160,0 a 80,80 0 1,1 -160,0" />
          </defs>
          <text font-size="14" letter-spacing="10" fill="#333">
            <textPath href="#circlePath" startOffset="50%" text-anchor="middle">
              SmartPay WhitePaper Ver1.0
            </textPath>
          </text>
        </svg>

top