Html Canvas注册鼠标事件

最新推荐文章于 2023-10-18 15:55:32 发布

dmfrm

最新推荐文章于 2023-10-18 15:55:32 发布

阅读量3.1k

点赞数

分类专栏： Html 文章标签： Canvas Html

本文链接：https://blog.csdn.net/u010889616/article/details/79562355

版权

本文介绍了HTML Canvas中与鼠标交互的几个关键事件，包括mousedown、mouseup、mousemove、mouseout，并详细讲解了如何通过getLocation方法获取鼠标点击时的精确坐标。

摘要由CSDN通过智能技术生成

Canvas鼠标事件有以下几个：

mousedown 鼠标按下
mouseup 鼠标离开屏幕
mousemove 鼠标移动
mouseout 鼠标离开当前Canvas界面

下面getLocation方法获取鼠标点击的坐标。

<%--
  Created by IntelliJ IDEA.
  User: wzj
  Date: 2016/10/8
  Time: 21:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Index</title>
</head>
<body>

    <canvas id="canvas" style="border: 1px solid red;"></canvas>
</body>
</html>
<script>

    var canvas = document.getElementById('canva

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dmfrm

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html Canvas注册鼠标事件

Canvas鼠标事件有以下几个：mousedown 鼠标按下mouseup 鼠标离开屏幕mousemove 鼠标移动mouseout 鼠标离开当前Canvas界面下面getLocation方法获取鼠标点击的坐标。&lt;%-- Created by IntelliJ IDEA. User: wzj Date: 2016/10/8 Time: 21:24 To change th...
复制链接

扫一扫