How to maintain pixel when zooming into SVG canvas?

StackOverflow https://stackoverflow.com/questions/7686893

  •  07-02-2021
  •  | 
  •  

문제

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.

도움이 되었습니까?

해결책

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

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top