马黑黑 发表于 2024-10-3 11:52
谢赞
这个如果用单片，也就是只留上或者下，是不是就成了传说中的飞刀了{:4_173:}
<use href="#qpath" transform="rotate(0 100 100)"></use>
<use href="#qpath" transform="rotate(72 100 100)"></use>
<use href="#qpath" transform="rotate(144 100 100)"></use>
<use href="#qpath" transform="rotate(216 100 100)"></use>
<use href="#qpath" transform="rotate(288 100 100)"></use>
这5个没什么用啊，只前面那些就够用了
<style>
#path2 {
stroke: red;
stroke-width: 2;
fill: green;
fill-rule: evenodd;
transform-origin: 50%;
}
</style>
<svg id="svg1" width="200" height="200">
<defs>
<g id="path2">
<path d="M0 100 Q50 20,100 100 Q50 60,0 100"></path>
</g>
</defs>
<use href="#path2"></use>
<use href="#path2" transform="rotate(60 100 100)"></use>
<use href="#path2" transform="rotate(120 100 100)"></use>
<use href="#path2" transform="rotate(180 100 100)"></use>
<use href="#path2" transform="rotate(240 100 100)"></use>
<use href="#path2" transform="rotate(300 100 100)"></use>
</svg>
上面的没改颜色，只留了一半的图形，像不像飞刀或血滴子{:4_173:}
为了像点，再把那个弧度往前，也把它变密点。好吧，不像飞刀了，像风扇了{:4_173:}
<br><br>
<style>
#path3 {
stroke: blue;
stroke-width: 2;
fill: green;
fill-rule: evenodd;
transform-origin: 50%;
}
</style>
<svg id="svg3" width="200" height="200">
<defs>
<g id="path3">
<path d="M0 100 Q20 20,100 100 Q20 46,0 100"></path>
</g>
</defs>
<use href="#path3"></use>
<use href="#path3" transform="rotate(30 100 100)"></use>
<use href="#path3" transform="rotate(60 100 100)"></use>
<use href="#path3" transform="rotate(90 100 100)"></use>
<use href="#path3" transform="rotate(120 100 100)"></use>
<use href="#path3" transform="rotate(150 100 100)"></use>
<use href="#path3" transform="rotate(180 100 100)"></use>
<use href="#path3" transform="rotate(210 100 100)"></use>
<use href="#path3" transform="rotate(240 100 100)"></use>
<use href="#path3" transform="rotate(270 100 100)"></use>
<use href="#path3" transform="rotate(300 100 100)"></use>
<use href="#path3" transform="rotate(330 100 100)"></use>
</svg>
花飞飞 发表于 2024-10-3 11:53
扑通。。别瞎扯啊。。说看着美呢。
都成千古了
红影 发表于 2024-10-3 12:28
这5个没什么用啊，只前面那些就够用了
use是实例化封装好的图案，就是复用前面的设计。如果你一个一个路径去写，那就没必要用use
红影 发表于 2024-10-3 12:34
上面的没改颜色，只留了一半的图形，像不像飞刀或血滴子
这个创意非常好
红影 发表于 2024-10-3 12:44
为了像点，再把那个弧度往前，也把它变密点。好吧，不像飞刀了，像风扇了
也是不错的
马黑黑 发表于 2024-10-3 12:57
use是实例化封装好的图案，就是复用前面的设计。如果你一个一个路径去写，那就没必要用use
哦哦，原来是这样{:4_187:}
马黑黑 发表于 2024-10-3 12:58
这个创意非常好
跟在黑黑后面玩{:4_173:}
马黑黑 发表于 2024-10-3 12:58
也是不错的
那个弧形真的很漂亮呢，现在这个是瘦的，发现变胖点还能变成花瓣呢。
红影 发表于 2024-10-3 13:08
哦哦，原来是这样
不过代码重复了。我用JS生成，前面又手写了一批{:4_170:}
现在已经改回来了
红影 发表于 2024-10-3 13:10
那个弧形真的很漂亮呢，现在这个是瘦的，发现变胖点还能变成花瓣呢。
是的
马黑黑 发表于 2024-10-3 11:52
可以的
思维是一匹没有缰绳的野马{:4_170:}
花飞飞 发表于 2024-10-3 17:30
思维是一匹没有缰绳的野马
套马索呢
马黑黑 发表于 2024-10-3 12:55
都成千古了
那是美的级别太高了
花飞飞 发表于 2024-10-3 17:31
那是美的级别太高了
{:4_196:}
马黑黑 发表于 2024-10-3 17:31
套马索呢
{:4_170:}没看着啊。。。就是四处狂奔，无法预测
花飞飞 发表于 2024-10-3 17:32
没看着啊。。。就是四处狂奔，无法预测
就像国庆前放的大烟花？