º®¶¬²ÐºÉ ·¢±íÓÚ 2022-8-23 20:45
#div1{background-image:url(https://pic.imgdb.cn/item/6300e81416f2c2beb1eeb7b6.gif); background ...
<div style="height:40vh;">
<svg width="100%" height="100%" viewBox="0 0 1000 300"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="MyPath"
d="
M 300 200
m -200, -200
a 400,300 0 1,0 800,0 "/>
</defs>
<use xlink:href="#MyPath" fill="none" stroke="yellow"/>
<text font-family="Verdana" font-size="42.5" stroke="red">
<textPath xlink:href="#MyPath">
ÀÏʦ£¬ÍíÉϺã¡
<animate attributeName="startOffset" from="0" to ="1142" begin="0s" dur="10s" repeatCount="indefinite" />
</textPath>
</text>
<!-- Show outline of the viewport using 'rect' element -->
</svg>
</div>