svg纸飞机

马黑黑

<svg id="msvg" width="600" height="600" viewBox="0 0 1024 1024"></svg> <script type="module"> import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js'; var dr = Dr.dr(msvg); var datas = [ ['M992 96 v768l-308.16 -176 L480 928l -128 -448 -320 -128 960 -256z', '#548AFF'], ['M992 96 L544 608 l-64 320 -128 -448 L992 96z', '#4367E0'], ['M683.84 688 L480 928 l64 -320 139.84 80z', '#2744C1'] ]; datas.forEach(d => dr.path(d[0], d[1])); </script>

【注】路径取自阿里巴巴矢量图库

梦江南

唉，奇怪了，刚刚还看到蓝色的纸飞机，现在怎么看不到了呢？是谷歌浏览器。

梦江南

重新加载了一下，这下看到了，左下角的蓝色纸飞机。

花飞飞

可以复合路径，三部分组成，还可以设置不同颜色。。把三种颜色改一下看得特别明显。。
这得多有空间感才能这样设计出来。。
三种深浅不同的蓝颜搭配后飞机立体感满满的。。。
开眼界了

花飞飞

原来从阿里巴巴里得到的数据还要进行整理，并不能拿来就用。。得空时也来试试。。轮船呀啥 的

马黑黑

花飞飞 发表于 2025-8-27 18:31
原来从阿里巴巴里得到的数据还要进行整理，并不能拿来就用。。得空时也来试试。。轮船呀啥 的

你想直接用也不是不可以啊

马黑黑

花飞飞 发表于 2025-8-27 18:25
可以复合路径，三部分组成，还可以设置不同颜色。。把三种颜色改一下看得特别明显。。
这得多有空间感才能 ...

你一看原始路径代码就知道，这是用软件设计的

马黑黑

梦江南 发表于 2025-8-27 15:47
重新加载了一下，这下看到了，左下角的蓝色纸飞机。

默认是左上角，没有做任何设置

马黑黑

梦江南 发表于 2025-8-27 15:40
唉，奇怪了，刚刚还看到蓝色的纸飞机，现在怎么看不到了呢？是谷歌浏览器。

谷歌浏览器本身不错，但是国内一般不建议使用它，除非你拿到的版本是特别版，转为中国大陆定制的。

红影

很有想象力，用三种不同颜色的图案拼接，就得到了立体感的纸飞机呢，简单而高效，很赞

红影

datas.forEach(d => dr.path(d[0], d[1]));
这个是什么，就是组合用的么

杨帆

漂亮的svg纸飞机。代码量也不大呀

马黑黑

红影 发表于 2025-8-27 20:14
datas.forEach(d => dr.path(d[0], d[1]));
这个是什么，就是组合用的么

现在还看不懂这个？

这是遍历数组，然后将数组的数据画图。

马黑黑

杨帆 发表于 2025-8-27 20:17
漂亮的svg纸飞机。代码量也不大呀

马黑黑

红影 发表于 2025-8-27 20:12
很有想象力，用三种不同颜色的图案拼接，就得到了立体感的纸飞机呢，简单而高效，很赞

确实厉害

红影

马黑黑 发表于 2025-8-27 20:55
现在还看不懂这个？

这是遍历数组，然后将数组的数据画图。

哦，然后才会有三组数据绘制的纸飞机吧。

花飞飞

马黑黑 发表于 2025-8-27 19:54
你想直接用也不是不可以啊

我不可以，好多段

红影

马黑黑 发表于 2025-8-27 20:56
确实厉害

很赞

花飞飞

马黑黑 发表于 2025-8-27 19:55
你一看原始路径代码就知道，这是用软件设计的

像之前用的那个软件一样，画好生成源码的吧

马黑黑

花飞飞 发表于 2025-8-27 22:00
像之前用的那个软件一样，画好生成源码的吧

svg软件还是很多的