diff options
Diffstat (limited to 'web/learn_canvas/canvas_btns/test2.html')
| -rw-r--r-- | web/learn_canvas/canvas_btns/test2.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/web/learn_canvas/canvas_btns/test2.html b/web/learn_canvas/canvas_btns/test2.html new file mode 100644 index 0000000..b456738 --- /dev/null +++ b/web/learn_canvas/canvas_btns/test2.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + <head> + <title>Rubber bands with layered elements</title> + + <style> + body { + background: rgba(100, 145, 250, 0.3); + } + + #canvas { + margin-left: 20px; + margin-right: 0; + margin-bottom: 20px; + border: thin solid #aaaaaa; + cursor: crosshair; + padding: 0; + } + + #controls { + margin: 20px 0px 20px 20px; + } + + #rubberbandDiv { + position: absolute; + border: 3px solid blue; + cursor: crosshair; + display: none; + } + + </style> + </head> + + <body> + <div id='controls'> + <input type='button' id='resetButton' value='Reset'/> + </div> + + <div id='rubberbandDiv'></div> + + <canvas id='canvas' width='800' height='520'> + Canvas not supported + </canvas> + + <script src='example.js'></script> + </body> +</html>
\ No newline at end of file |