diff options
| author | zhang <zch921005@126.com> | 2022-06-04 08:48:54 +0800 |
|---|---|---|
| committer | zhang <zch921005@126.com> | 2022-06-04 08:48:54 +0800 |
| commit | 44097da7288042e988bcb89f1c6cc817a8e1eec9 (patch) | |
| tree | 7c28da29f31ca429b8d27ed7441d650f1195812d /web/learn_canvas/canvas_btns/test2.html | |
| parent | 0f885b830ac552bfd357dec74c70e1349434b58b (diff) | |
0604
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 |