<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>幾何学模様</title> <link rel="stylesheet" type="text/css" href="styles.css"> <script defer src="settings.js"></script> <script defer src="canvas.js"></script> <script defer src="functions.js"></script> <script defer src="main.js"></script></head><body> <div id="canvas-wrapper"> <canvas id="main-canvas"></canvas> <canvas id="needle-canvas"></canvas> </div> <div id="button-area"> <button id="draw-button">描く</button> <button id="start-button">自動描画</button> <button id="stop-button">中断</button> <button id="reset-button">リセット</button> </div></body></html>