线条符号绘制

边长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>

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


评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注