New wiki-page
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
RLQ.push(function () { | RLQ.push(function () { | ||
$('.clickable').bind('click', function (ev) { | $('.clickable').bind('click', function (ev) { | ||
var pt = svg.createSVGPoint(); | |||
var $div = $(ev.target); | var $div = $(ev.target); | ||
var $display = $div.find('.display'); | var $display = $div.find('.display'); | ||
var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse()); | |||
var offset = $div.offset(); | var offset = $div.offset(); | ||
| Line 9: | Line 11: | ||
var y = ev.clientY - offset.top; | var y = ev.clientY - offset.top; | ||
$display.text('x: ' + x + ', y: ' + y); | $display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y); | ||
}); | }); | ||
}); | }); | ||
</script> | </script> | ||
Revision as of 19:15, 9 August 2017
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> RLQ.push(function () { $('.clickable').bind('click', function (ev) {
var pt = svg.createSVGPoint();
var $div = $(ev.target);
var $display = $div.find('.display');
var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse());
var offset = $div.offset();
var x = ev.clientX - offset.left;
var y = ev.clientY - offset.top;
$display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y);
});
}); </script>