New wiki-page
Jump to navigation Jump to search
No edit summary
No edit summary
Line 14: Line 14:
     $display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y);
     $display.text('x: ' + cursorpt.x + ', y: ' + cursorpt.y);
      
      
     $marker.cx(800);
     $marker.attr('cx', 800)
});
});



Revision as of 19:21, 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= $div.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.attr('cx', 800)

});


}); </script>