2017-05-09 2 views
-6

Wie mache ich einen Spiral Text mit CSS oder Javascript? Dieses Bild überprüfen enter image description hereSo erstellen Sie spiralförmigen Text in HTML mit CSS oder JavaScript

+0

Sie sollten etwas versuchen, bevor um Hilfe zu bitten. –

+0

Wir können Ihnen helfen, Ihren Code zu debuggen, aber Sie müssen zuerst etwas schreiben. Dies gesagt, was Sie tun möchten, sieht sehr schwierig aus. –

+0

Es gibt keinen eingebauten Weg dazu. Sie müssten die Position jedes Buchstabens berechnen und sie programmatisch hinzufügen/positionieren. –

Antwort

3

Ist es css, es ist Javascript? Keine seiner 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

Dank Ihrer Idee, löse ich bereits mein Problem mit Svg . Du hast recht! –