Skip to main content

All Questions

-1 votes
1 answer
54 views

Resizing of svg leads to additional height [closed]

I have an interactive svg and tried to make it responsive with viewbox and display: flex: // HTML <div className="interactive-svg"> <svg ref={svgRef} viewBox={`0 0 ${svgWidth} ${...
MarcelausZell's user avatar
0 votes
1 answer
3k views

SVG moves out of position when screen size changes or doesn't scale

I've created an SVG and put the width as a percentage because I want it to resize to fit different screen widths, but when I resize the screen, the svg moves up and down and doesn't move left/right to ...
mrseanbaines's user avatar
12 votes
2 answers
5k views

How to have multiple d3 window resize events

I have three svg elements on one page, each chaperoned by D3. Each one has its own page-resize logic assigned by a simple module I've written to make them responsive. The trouble is that only the ...
Chris Wilson's user avatar
  • 6,719
4 votes
0 answers
2k views

IMG tag with external SVG file not responsive to scaling of container

This is a commonly asked question (and I have looked for, found and tried a variety of other suggestions, here on stackoverflow and elsewhere) I have an web page where I'd like to dynamically load in ...
Robert's user avatar
  • 51
0 votes
1 answer
1k views

resizeable html svg image

I'm having fun on a little experiment trying to reduce http requests and play with svg instead of css3 stuff... Unable to set this HTML SVG to scale dynamically. Ideally, I'd like to set it's width ...
technopeasant's user avatar