New wiki-page
No edit summary |
No edit summary |
||
Line 12: | Line 12: | ||
var y = ev.clientY - offset.top; | var y = ev.clientY - offset.top; | ||
$display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y + $marker.cx); | $display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y + $('#marker').data('cx')); | ||
$marker.attr('cx', '800') | $marker.attr('cx', '800') |
Revision as of 19:29, 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 $marker= $svg.find('#marker'); 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 + $('#marker').data('cx')); $marker.attr('cx', '800')
});
}); </script>