2
我想弄清楚如何用户的鼠标在jQuery的HTML 5画布上击中一行。有没有办法使用jQuery检测画布线?
这里是产生画布上的线条代码:
<canvas id="myCanvas" width="400" height="400" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
window.onload = function(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(40,0);
ctx.lineTo(40,360);
ctx.stroke();
ctx.moveTo(80,400);
ctx.lineTo(80,40);
ctx.stroke();
ctx.moveTo(120,0);
ctx.lineTo(120,360);
ctx.stroke();
ctx.moveTo(160,400);
ctx.lineTo(160,40);
ctx.stroke();
};
</script>
我使用,我居然在这里上的另一个问题找到了一个修改jQuery脚本,但现在我无法弄清楚如何检测这条线,主要是画布中从白色到黑色的颜色差异。我知道这可以通过图像来完成,但我还没有看到任何像这样的东西。
我想我真正的问题是,有没有办法使用jQuery检测canvas元素的颜色变化?
这工作完全!我在我的计算机上的原始代码中确实有jQuery代码,但意识到我这样做的方式只有在'canvas'中有图像时才有效,这就是我发布此问题的原因。 – 2013-03-10 18:42:44