New wiki-page
No edit summary |
No edit summary |
||
(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> | <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> | ||
RLQ.push(function () { | 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> | </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>