边长10,旋转4次对称:点击画布重绘
边长40,旋转2次对称:点击画布重绘
边长20,双轴对称,破碎化:点击画布重绘
边长10,x对称:点击画布重绘
边长10,y轴对称:点击画布重绘
边长10,不对称:点击画布重绘
使用方法:
HTML
<canvas id="c"></canvas>
<script src="https://www.wenzhimo.xyz/wp-content/uploads/2025/12/线条符号绘制.js"></script>
<script>
/* 使用示例 */
new SymmetricTile({
canvasId: 'c',//画布id
gridSize: 10,//边长
edgesMax: 15,//路径最大长度
edgesAttempts: 20,//路径尝试次数
edgesBreak: 4,//每画多少笔就强制跳到另一个随机点,营造破碎化
symmetry: 'rot4' //对称方式:无对称、x轴对称、y轴对称、双轴对称、旋转180对称、旋转4次90度对称
//none / x / y / xy / rot2 / rot4
})
</script>考虑到本站运营时间不定,你应该下载脚本文件到本地:


发表回复