svg纸飞机
<div class="codebox" data-prev="1"><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, d));
</script>
</div>
<p>【注】路径取自阿里巴巴矢量图库</p>
<script type="module">
import linenumber from 'https://638183.freep.cn/638183/web/js/linenumber.js';
linenumber();
</script> 唉，奇怪了，刚刚还看到蓝色的纸飞机，现在怎么看不到了呢？是谷歌浏览器。 重新加载了一下，这下看到了，左下角的蓝色纸飞机。 可以复合路径，三部分组成，还可以设置不同颜色。。把三种颜色改一下看得特别明显。。
这得多有空间感才能这样设计出来。。
三种深浅不同的蓝颜搭配后飞机立体感满满的。。。
开眼界了{:4_199:} 原来从阿里巴巴里得到的数据还要进行整理，并不能拿来就用。。得空时也来试试。。轮船呀啥 的{:4_173:} 花飞飞 发表于 2025-8-27 18:31
原来从阿里巴巴里得到的数据还要进行整理，并不能拿来就用。。得空时也来试试。。轮船呀啥 的
你想直接用也不是不可以啊 花飞飞 发表于 2025-8-27 18:25
可以复合路径，三部分组成，还可以设置不同颜色。。把三种颜色改一下看得特别明显。。
这得多有空间感才能 ...
你一看原始路径代码就知道，这是用软件设计的 梦江南 发表于 2025-8-27 15:47
重新加载了一下，这下看到了，左下角的蓝色纸飞机。
默认是左上角，没有做任何设置 梦江南 发表于 2025-8-27 15:40
唉，奇怪了，刚刚还看到蓝色的纸飞机，现在怎么看不到了呢？是谷歌浏览器。
谷歌浏览器本身不错，但是国内一般不建议使用它，除非你拿到的版本是特别版，转为中国大陆定制的。 很有想象力，用三种不同颜色的图案拼接，就得到了立体感的纸飞机呢，简单而高效，很赞{:4_187:} datas.forEach(d => dr.path(d, d));
这个是什么，就是组合用的么{:4_204:} 漂亮的svg纸飞机。代码量也不大呀{:4_173:} 红影 发表于 2025-8-27 20:14
datas.forEach(d => dr.path(d, d));
这个是什么，就是组合用的么
现在还看不懂这个？
这是遍历数组，然后将数组的数据画图。 杨帆 发表于 2025-8-27 20:17
漂亮的svg纸飞机。代码量也不大呀
{:4_190:} 红影 发表于 2025-8-27 20:12
很有想象力，用三种不同颜色的图案拼接，就得到了立体感的纸飞机呢，简单而高效，很赞
确实厉害 马黑黑 发表于 2025-8-27 20:55
现在还看不懂这个？
这是遍历数组，然后将数组的数据画图。
哦，然后才会有三组数据绘制的纸飞机吧。 马黑黑 发表于 2025-8-27 19:54
你想直接用也不是不可以啊
我{:4_173:}不可以，好多段 马黑黑 发表于 2025-8-27 20:56
确实厉害
很赞{:4_187:} 马黑黑 发表于 2025-8-27 19:55
你一看原始路径代码就知道，这是用软件设计的
像之前用的那个软件一样，画好生成源码的吧 花飞飞 发表于 2025-8-27 22:00
像之前用的那个软件一样，画好生成源码的吧
svg软件还是很多的