如何使用 css 或 javascript 在 html 中制作螺旋文本

Question

如何使用 CSS 或 Javascript 制作螺旋文本？检查这张图片

Answer 1

是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>

如何使用 css 或 javascript 在 html 中制作螺旋文本

How to make spiral text in html using css or javascript

html

javascript

css

jquery

spiral

是css，是javascript吗？没有它的 SVG