用户可以点击图像上的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坐标,我怎样才能用这些点重新生成图像？