将 JQuery 与 HTML Canvas 结合使用

Using JQuery with HTML Canvas?

本文关键字：结合 Canvas HTML JQuery      更新时间：2023-09-26

我已经有一段时间没有做网络编程了，我正在尝试重新开始。但是，我似乎无法让 JQuery 工作。

在我的javascript文件中，我有以下代码：

$(document).ready(function() {
    $('#canvas').mousedown(function(e){
      alert("I am an alert box!");
    });
});

但是，当我单击画布时，没有任何反应。

我知道所有内容都正确链接，因为在我的 javascript 文件的顶部我有这个：

function loader()
{
var canvas = $('#canvas')[0].getContext('2d');
canvas.fillStyle = "rgba(200, 0, 200, 0.5)";
canvas.fillRect(225, 105, 200, 200);
}

（在HTML文件中，我有<body onload="loader()">）

这工作正常，并在我加载页面时显示一个粉红色框。

有人知道为什么会发生这种情况吗？谢谢。

知道了！

问题是我在jQuery文件之前链接了我的javascript文件。

基本上，切换了这两行：

<script type="text/javascript" src="canvas.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
相关文章：