50 lines
3.1 KiB
HTML
50 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link
|
|
href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4ao3UYFIH2FxR8/xYTd+QWE3e3GRWGfh0Zn0IiHbkJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfG6WZFRJz/xUScf8SEWb/ExFn/x0Zmv8cGJT/GBWB/xIPYcMYFYNpIRy6DwAAAAAAAAAAAAAAAAAAAAAAAAAAHRqceCYjiv9STe3/TUnj/yYjjv8hHa7/IR2x/x4anv8ZFoP/ExFm/xgVbPYiHpSlKCO/PwAAAAAAAAAAAAAAABsYklcnJIf/Xlvv/1JO7f8tKZz/IR2y/yEdrv8cGZf/FhN3/xEQWf9FQNP/TUjr/z854p8AAAAAAAAAAAAAAAAZF4k2Ih+B/1xZ8P9TUO7/MS2n/xQRbP8VEnH/FRNz/xIQYv8sKY3/TUjr/0hE3+0aF30SAAAAAAAAAAAAAAAAGBWAEh0aev9aV/D/VVHv/1RQ7v9TT+7/Uk3t/0lE2/9DPsv/TUjn/05J6/8nJIlpAAAAAAAAAAAAAAAAAAAAAAAAAAAZFnLwYF3y/1pW8P9VUu//YV7w/2xp8P9mYu//VlLu/1BL7P9DPs3GDQtFAwAAAAAAAAAAAAAAAAAAAAAAAAAAFBFsz2Zj8f9iYPL/PTu8/zo2yv88Oa7/RUSp/2Bd7/9QTOv8GRZjMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQRbKtgX+b/W1nz/zg2sP8gHKj/FBFo/01Jxv9WUu7/NjOolgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUEWyKW1rc/19d9P87OrT/GxiR/ykogP9eWvH/UE3j5BEPTgwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBFsaVdX0f9hYfb/Pz65/xgWcv9VUuL/WFbx/yYkf1oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQRbEhSUcT/Y2P3/0FAuP87Op//Xlz0/0hGysAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATEWkkTEy4/2Rk9/9QUNH/YGDx/2Bf8/kcGmQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAExBmBkZGq/xxcfj/Zmb3/2Rk9/87OqSHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/P5/hd3f4/21t9/9bWuTbEA5LDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPj2UsX9/+P9zc/j/KyqCSwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4f8AAMAfAADgAwAA4AEAAOADAADgBwAA4AcAAOAPAADgDwAA4B8AAPA/AADwPwAA8H8AAPB/AADw/wAA8f8AAA=="
|
|
rel="icon"
|
|
type="image/x-icon"
|
|
/>
|
|
<title>CAD.js</title>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<main></main>
|
|
<div id="control">
|
|
<h1>CAD.js</h1>
|
|
<div>
|
|
<label for="current_color">颜色</label>
|
|
<input
|
|
type="color"
|
|
onchange="CAD.当前颜色=this.value"
|
|
id="current_color"
|
|
name="current_color"
|
|
style="width: 80px"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label for="current_weight">线宽</label>
|
|
<input
|
|
type="number"
|
|
onchange="CAD.当前线宽=this.value"
|
|
id="current_weight"
|
|
name="current_weight"
|
|
style="width: 80px"
|
|
value="1"
|
|
min="1"
|
|
max="10"
|
|
step="1"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="p5.min.js"></script>
|
|
<script src="cad.js"></script>
|
|
</body>
|
|
</html>
|