|
@@ -59,17 +59,18 @@ SingleImageView.prototype.init = function () {
|
|
|
|
|
|
$(this.canvas).click(function (event) {
|
|
$(this.canvas).click(function (event) {
|
|
if (self.task != undefined) {
|
|
if (self.task != undefined) {
|
|
|
|
+ let scale = self.image.width / self.canvas.width
|
|
let left = event.pageX - $(self.canvas).offset().left
|
|
let left = event.pageX - $(self.canvas).offset().left
|
|
let top = event.pageY - $(self.canvas).offset().top
|
|
let top = event.pageY - $(self.canvas).offset().top
|
|
- let offsetX = left
|
|
|
|
- let offsetY = top
|
|
|
|
|
|
+ let offsetX = left*scale
|
|
|
|
+ let offsetY = top*scale
|
|
let offsetIndex = 1
|
|
let offsetIndex = 1
|
|
for (let i = 0; i < self.task.imageLayout.length; i++) {
|
|
for (let i = 0; i < self.task.imageLayout.length; i++) {
|
|
let layout = self.task.imageLayout[i]
|
|
let layout = self.task.imageLayout[i]
|
|
- if (top > layout.top && top <= layout.bottom) {
|
|
|
|
|
|
+ if (offsetY > layout.top && offsetY <= layout.bottom) {
|
|
offsetIndex = layout.config.i
|
|
offsetIndex = layout.config.i
|
|
- offsetX = left / layout.ratio + layout.config.x
|
|
|
|
- offsetY = (top - layout.top) / layout.ratio + layout.config.y
|
|
|
|
|
|
+ offsetX = offsetX / layout.ratio + layout.config.x
|
|
|
|
+ offsetY = (offsetY - layout.top) / layout.ratio + layout.config.y
|
|
break
|
|
break
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -77,8 +78,8 @@ SingleImageView.prototype.init = function () {
|
|
positionX: (left / $(self.canvas).width()).toFixed(3),
|
|
positionX: (left / $(self.canvas).width()).toFixed(3),
|
|
positionY: (top / $(self.canvas).height()).toFixed(3),
|
|
positionY: (top / $(self.canvas).height()).toFixed(3),
|
|
offsetIndex: offsetIndex,
|
|
offsetIndex: offsetIndex,
|
|
- offsetX: offsetX,
|
|
|
|
- offsetY: offsetY
|
|
|
|
|
|
+ offsetX: parseInt(offsetX),
|
|
|
|
+ offsetY: parseInt(offsetY)
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|