css - SVG in D3--scaling across browsers -


instead of generic svg shapes, want bind external svg icons data d3. can this

group = svg.selectall("g")            .data(dataset)            .enter()            .append("g"); group.append("svg:image")      .attr("xlink:href",path)      .attr(...) 

etc run several scaling issues. this fiddle embeds exemplary icon. running in 3 different browsers, 3 different renderings. chrome best:

chrome

edge:

edge

firefox:

firefox

i've added viewport attribute, appears in various guides on how scale svgs, doesn't seem no matter coordinates set to. how can make scaling behave in chrome in browsers?


Comments

Popular posts from this blog

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

Making Empty C++ Project: General exception (Exception from HRESULT:0x80131500) Visual Studio Community 2015 -

How to fix java warning for "The value of the local variable is not used " -