New wiki-page
No edit summary |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
var $div = $(ev.target); | var $div = $(ev.target); | ||
var $display = $div.find('.display'); | var $display = $div.find('.display'); | ||
var $marker= $ | var $marker= $svg.find('#marker'); | ||
var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse()); | var cursorpt = pt.matrixTransform(svg.getScreenCTM().inverse()); | ||
Line 11: | Line 11: | ||
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: ' + | $display.text('x: ' + x + ', y: ' + y2 + x2); | ||
$marker.cx | $marker.attr('cx', '800') | ||
}); | }); | ||
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>