javascript - Drawing a covering rect on mouseover on a svg -
i mark area active highlighting new rect.
function coverrect(el){ var x=el.x.animval.value; var y=el.y.animval.value; var width=el.width.animval.value; var height=el.height.animval.value; var svg = document.documentelement; var svgns = svg.namespaceuri; var rect = document.createelementns(svgns,'rect'); rect.setattribute('x',x); rect.setattribute('y',y); rect.setattribute('width',width); rect.setattribute('height',height); rect.setattribute('fill','yellow'); svg.appendchild(rect); } var el = document.getelementbyid('ef-vr1'); el.addeventlistener('mouseover', function(){ coverrect(el); }, false);
the rect correctly displayed not on rect on pass mouse over. alter alpha of rect in order show below, , pass click being intercepted underlaying rect.
i managed issue changing cursor.
Comments
Post a Comment