New wiki-page
No edit summary |
No edit summary |
||
(13 intermediate revisions by the same user not shown) | |||
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 $marker= $svg.find('#marker'); | |||
var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse()); | |||
var offset = $div.offset(); | var offset = $div.offset(); | ||
var x = ev.clientX - offset.left; | var x = ev.clientX - offset.left; | ||
var y = ev.clientY - offset.top; | var y = ev.clientY - offset.top; | ||
var x2 = document.getElementById('marker').getAttribute('cx'); | |||
var y2 = document.getElementById('marker').getAttribute('cy'); | |||
$display.text('x: ' + x + ', y: ' + | $display.text('x: ' + x + ', y: ' + y2 + x2); | ||
$marker.attr('cx', '800') | |||
}); | }); | ||
}); | }); | ||
</script> | </script> |
Latest revision as of 19:34, 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;
var x2 = document.getElementById('marker').getAttribute('cx'); var y2 = document.getElementById('marker').getAttribute('cy'); $display.text('x: ' + x + ', y: ' + y2 + x2); $marker.attr('cx', '800')
});
}); </script>