使用 jQuery 在图像上画点
我有以下代码来跟踪用户单击图像的位置:
<img src="images/test.jpg" id="testimg" />
<script type="text/javascript">
$("#testimg").click(function (ev) {
mouseX = ev.pageX;
mouseY = ev.pageY
alert(mouseX + ' ' + mouseY);
})
</script>
我想做的是,当用户单击图像时,我想在单击的 X、Y 坐标处绘制一个点。
有人可以给我一些关于如何做到这一点的建议吗?
I have the following code to track where a user clicks on an image:
<img src="images/test.jpg" id="testimg" />
<script type="text/javascript">
$("#testimg").click(function (ev) {
mouseX = ev.pageX;
mouseY = ev.pageY
alert(mouseX + ' ' + mouseY);
})
</script>
What I would like to do is, when the user clicks on the image, I want to draw a dot at the X,Y coordinates of the click.
Can someone give me some advice on how this can be done?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这将绘制一个黑色 1x1 像素 div。
This will draw a black 1x1 pixel div.
方法 1.
您必须使用 canvas 标签。
https://developer.mozilla.org/en/Canvas_tutorial
方法 2。
仅在满足以下条件时才有效页面不可滚动
Method 1.
You wil have to make use of the canvas tag.
https://developer.mozilla.org/en/Canvas_tutorial
Method 2.
Works only if the page is not scrollable