|
这个示例代码拖div jCanvas矩形区域内使用!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>jQuery UI Draggable</title>
-
- <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
- <script type="text/javascript" src="./js/jcanvas.min.js"></script>
- <link rel="stylesheet" type="text/css" href="css/style.css"/>
- <script src="js/main.js"></script>
- <script>
- $(document).ready(function(){
- $('canvas').drawRect({
- draggable: true,
- fillStyle: "green",
- x: 100, y: 100,
- width: 200,
- height: 100
- });
- });
- </script>
- </head>
- <body>
- <canvas width="400" height="800"></canvas>
- </body>
- </html>
复制代码 |
|