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' -

python - How do I create a list index that loops through integers in another list -

c# - “System.Security.Cryptography.CryptographicException: Keyset does not exist” when reading private key from remote machine -