diff options
| author | Noob <noob@noob.com> | 2025-05-24 19:34:37 -0400 |
|---|---|---|
| committer | Noob <noob@noob.com> | 2025-05-24 20:07:20 -0400 |
| commit | 89ef370fc15e27db0f7f06771a06991c71d426b2 (patch) | |
| tree | fc74856c4b21d58be21741f20498bc1bb0aeac7a | |
| parent | ed4999ea6b374eaeeb97a012b6e8fbf9fffad168 (diff) | |
Add colored buttons (temp commit)
| -rw-r--r-- | views/partials/canvas.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/views/partials/canvas.html b/views/partials/canvas.html index f8d73ec..61d5918 100644 --- a/views/partials/canvas.html +++ b/views/partials/canvas.html @@ -1,9 +1,9 @@ -<div class="editor"> + <div class="editor"> <canvas id="canvas" style="background:#fff; border:1px inset #888" width="400" height="200"></canvas><br> - <button type="button" id="blackbtn">Black</button> <button type="button" id="whitebtn">White</button> - <button type="button" id="redbtn">Red</button> <button type="button" id="bluebtn">Blue</button><br> - <button type="button" id="magentabtn">Magenta</button> <button type="button" id="cyanbtn">Cyan</button> - <button type="button" id="yellowbtn">Yellow</button> <button type="button" id="greenbtn">Green</button><br> + <button type="button" id="blackbtn" style="background-color: black; width: 4em; height: 2em"></button> <button type="button" id="whitebtn" style="background-color: white; width: 4em; height: 2em"></button> + <button type="button" id="redbtn" style="background-color: red; width: 4em; height: 2em"></button> <button type="button" id="bluebtn" style="background-color: blue; width: 4em; height: 2em"></button><br> + <button type="button" id="magentabtn" style="background-color: magenta; width: 4em; height: 2em"></button> <button type="button" id="cyanbtn" style="background-color: cyan; width: 4em; height: 2em"></button> + <button type="button" id="yellowbtn" style="background-color: yellow; width: 4em; height: 2em"></button> <button type="button" id="greenbtn" style="background-color: lime; width: 4em; height: 2em"></button><br> pen size : <input type="number" id="pensize" value="1" min="1" max="99"><br> <button type="button" id="undobtn">Undo</button> <button type="button" id="clearbtn">Clear</button><br> <button type="button" id="sendbtn">Send</button> |