5

I've built a frontend tool for zooming in/out of an SVG canvas, but when I zoom, any 1px strokes increase in width (visually). Is there a svg setting that will ensure that 1px strokes remain 1px (visually) when zoomed? I remember reading about it somewhere, but can't find the resource.

Steve
  • 3,483
  • 5
  • 21
  • 20
  • i think the whole point is that it is Scalable vector graphics... so zooming is just like using a magnifying glass - ll things will get bigger proportionally. – Randy Oct 07 '11 at 12:04
  • You can add `vector-effect="non-scaling-stroke" ` attribute to the path? – Cipi Oct 07 '11 at 12:37

1 Answers1

9

Try to add vector-effect="non-scaling-stroke" attribute to the path. Check HERE for details. Im guessing that's what you want?

Cipi
  • 11,055
  • 9
  • 47
  • 60