多彩多边形背景生成工具 - Trianglify.js - 工具详情
🎨 图案生成
📋 获取代码
📖 使用说明
📋 获取代码
嵌入网站
🎨 图案生成 →
📋 将下方代码复制到你的网站中，即可使用生成的多边形背景。请先在"图案生成"页面调整好参数。
📝 HTML/CSS 使用
请先在图案生成页面生成图案
🖼️ SVG 源码
请先在图案生成页面生成图案
📚 使用示例
<!-- 方式一：CSS背景 -->
<div style="background:url('data:image/svg+xml,...');background-size:cover">
你的内容
</div>
<!-- 方式二：直接嵌入SVG -->
<svg>
... 复制的SVG代码 ...
</svg>
<!-- 方式三：JavaScript动态生成 -->
<script src="https://unpkg.com/trianglify@1.0.1/dist/trianglify.min.js"></script>
<script>
var pattern = new Trianglify({
width: 1200,
height: 800,
cell_size: 75,
palette: ['#3b82f6', '#ec4899', '#10b981']
});
document.body.appendChild(pattern.svg());
</script>
📖 工具说明
使用指南
🔧 多彩多边形背景生成工具介绍
✨ 基于Trianglify.js开源库，可生成低多边形（Low Poly）风格的几何背景图案。
🔧 特色功能：实时预览、多种配色方案、自定义颜色、下载SVG/PNG、复制嵌入代码。
📚 适用场景：网站背景、PPT背景、海报设计、社交媒体封面、UI设计等。
💡 使用建议：调整网格大小和方差可以改变图案风格，小网格更细腻，大网格更抽象。
📧 联系方式：如有问题或建议，请点击右下角"补充纠错"按钮与我们联系。
✍️ 补充纠错
工具介绍
Trianglify是一款能够生成多彩的三角形网格背景的javascript库，该js插件可以生成非常好看的SVG背景图像，你可以将生成的背景图像下载保存为SVG文件。
使用提示
如果工具无法正常加载，请尝试刷新页面或检查网络连接。本工具加载可能需要一些时间，请耐心等待。
