2017-05-09 72 views
-6

如何使用CSS或Javascript製作螺旋文本? 查看該圖片enter image description here如何在html中使用css或javascript製作螺旋文本

+0

你應該尋求幫助之前嘗試的東西。 –

+0

我們可以幫助您調試您的代碼,但您需要先寫一些代碼。這就是說,你想做什麼看起來非常棘手。 –

+0

這沒有內置的方法。你將不得不計算每個字母的位置並以編程方式添加/定位它們。 –

回答

3

它是CSS,它的JavaScript?沒有它的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解決了我的問題。你是對的! –

相關問題