分享

svg编程动画五星大街源代码

 蒲公英桃李 2023-06-28 发布于甘肃

五星级大街


<html>



<head></head>



<body><svg class="tree__star" width="620" height="300">

<path stroke="#a10" id="theMotionPath" d="m100.5,100.041357c0,0 00,0.176471 120,1.176471c0,0 -94.978723,78.235297 -94.978723,78.235297c0,0 35.744681,-130.000005 35.744681,-130.000005c0,0 37.276596,130.000005 37.276596,130.000005c0,0 -98.042553,-79.411768 -98.042553,-79.411768z" fill-opacity="null" stroke-opacity="null" stroke-width="15.5" fill="none"></path>



<text xml:space="preserve" text-anchor="start" font-family="Noto Sans JP" font-size="15" stroke-width="0" id="svg_1" y="8" x="-55" stroke="#666" fill="#0088AA">五星级大街

<animateMotion dur="6s" repeatCount="indefinite">

<mpath xlink:href="#theMotionPath"></mpath>

</animateMotion>

</text>





</svg></body>



</html>

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多