2017-05-09 1 views
-6

CSS 또는 자바 스크립트를 사용하여 나선 문자를 만드는 방법은 무엇입니까? 이 이미지를 확인하십시오. enter image description hereCSS 또는 자바 스크립트를 사용하여 html로 나선 텍스트를 작성하는 방법

+0

당신은 도움을 요청하기 전에 뭔가를 시도 없습니다. –

+0

코드를 디버깅하는 데 도움을 줄 수 있지만 먼저 몇 가지 코드를 작성해야합니다. 이것은 말하기를, 당신이하고 싶은 것은 매우 까다로워 보입니다. –

+0

내장 된 방법이 없습니다. 각 글자의 위치를 ​​계산하고이를 프로그래밍 방식으로 추가/배치해야합니다. –

답변

3

그것은 CSS인가요? 아니 그 SVG

<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
 
    <defs> 
 
    <path id="MyPath" 
 
      d="M 20,30 20,20 60,20 60,30 50,30"/> 
 
    </defs> 
 

 
    <use xlink:href="#MyPath" fill="none" stroke-width="0.1" stroke="black" /> 
 

 
    <text font-family="Verdana" font-size="5"> 
 
    <textPath xlink:href="#MyPath"> 
 
     Lorem ipsum dollar si amet, Lorem ipsum dollar si amet, Lorem ipsum dollar si amet, Lorem ipsum dollar si amet, 
 
    </textPath> 
 
    </text> 
 

 
</svg>

+0

덕분에, 당신의 아이디어 덕분에, 이미 내 문제를 해결 svg를 사용하여 . 네가 옳아! –

관련 문제