用canvas实现鼠标拖动绘制矩形框

最新推荐文章于 2024-09-12 10:59:53 发布

lala_shine

最新推荐文章于 2024-09-12 10:59:53 发布

阅读量8.7k

点赞数 2

分类专栏： html5 文章标签： html5 canvas 鼠标

本文链接：https://blog.csdn.net/u013594477/article/details/78684669

版权

需要用到jCanvas插件和jQuery。

jCanvas下载:https://raw.githubusercontent.com/caleb531/jcanvas/master/jcanvas.min.js

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标拖动绘制矩形框(canvas)</title>
</head>
<body>

<canvas id="canvas" width="600" height="300" style="border: 1px solid #000;"></canvas>

<script src="./jquery-1.11.3.min.js"></script>
<script src="./jcanvas.min.js"></script>
<script>