[ 附件影像 RECORD ]
线条符号绘制

线条符号绘制

[ SCAN_URL ]
[ 归档时间 ]:2025-12-18 18:44 [ 课题责任人 ]:文止墨 [ 档案分类 ]:AIGC, 前端, 文章, 编程
边长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>

考虑到本站运营时间不定,你应该下载脚本文件到本地:

[ 发起通讯连接 / INITIATE COMM-LINK ]

[SYS]: 您的回传节点(邮箱)将被严格保密。带有 * 的字段为必填项。


> 终止读取并返回主控制台 <