change svg viewBox to '0 0 1 1'

[easylogic]

viewBox 의 영역을 0 0 1 1 로 맞추고

하위에 들어오는 모든 path, rect, polygon, circle 들의 숫자를 0 ~ 1 사이로 배치한다.

그런 다음 svg 크기에 따른 자동 변환이 되도록 맞추고

에디팅 할 때만 matrix 로 최종 크기를 복원해서 편집하도록 하고

다시 저장하는 시점에는 0 ~ 1 사이로 다시 조정한다.

[easylogic]

이렇게 하면 모든 좌표가 viewBox 안으로 통일되기 때문에

SVG Container 의 크기에 따라 자동으로 패스가 수정된다.

즉, 객체를 움직일 때마다 path 에 대한 연산을 해주지 않아도 된다.

편집할 때만 해주면 된다.

[easylogic]

이건 svg 스펙에서는 안 하는 걸로 해야할 듯 ... 뭔가 안 맞다.