任何人都知道如何在Javascript中为图像(而不是地图)添加标记？
理想情况下,我想要一个处理程序,其行为类似于向地图添加标记 - 即onclick导致标记显示在单击的点上,并返回单击的点的x/y像素坐标.
这可能吗？
干杯理查德
用户可以点击图像上的3个点,我想在这些点上显示黑点.然后我将这些值保存在我的数据库中,然后用这3点重新生成图像.
这是一个2部分问题:
1.)在我的代码中,单击图像时无法检测到onClick事件.有人可以调查这个.这是我的代码.的jsfiddle
$(document).ready(function () {
$('body').click(function (ev) {
alert("d");
mouseX = ev.pageX;
mouseY = ev.pageY
alert(mouseX + ' ' + mouseY);
var color = '#000000';
var size = '1px';
$("body").append(
$('<div></div>')
.css('position', 'absolute')
.css('top', mouseY + 'px')
.css('left', mouseX + 'px')
.css('width', size)
.css('height', size)
.css('background-color', color));
});
});
HTML
<body background="http://www.craigjoneswildlifephotography.co.uk/blog/wp-content/uploads/2010/07/CMJ57311.jpg">
</body>
2.)假设我有点的X和Y坐标,我怎样才能用这些点重新生成图像？
你好,我正在研究最后一年的项目应用程序,我对HTML5没有多少经验.
我正在尝试创建一个简单的画布,在开始时加载图像,加载图像时,我希望能够在图像上放置标记,就像谷歌地图允许放置标记一样....标记将最有可能是一个图像,但我需要计算X和Y位置,并显示放置在最初加载的图像上的每个标记的坐标.....
标记可以在javascript中存储为数组,也可以是ajax,因为它可以更新,地图需要刷新
提前感谢您提供任何帮助.非常感激