<svg height="400" version="1.1" width="407" xmlns="http://www.w3.org/2000/svg"><desc>Created by uxc</desc><defs></defs><image x="65" y="96" width="277" height="208" preserveAspectRatio="none" xlink:href="/data/upload/Tulips.jpg" id="source"></image><image x="121" y="57" width="166" height="287" preserveAspectRatio="none" xlink:href="/data/upload/test4.png" id="guideline"></image></svg>
    
위소스를 정규식으로 width,height,x,y 를 특정 배율곱한 뒤 치환하는데요.

그럼 커진이미지에 정확한 위치에 표시가 됩니다.

문제는 이미지에 transform = matrix(0.951,0.3091,-0.3091,0.951,50.7905,-57.1104) 속성이 추가될경우에 어떻게 변경을 해줘야 할지 모르겠습니다.ㅠㅠ

이쪽으로 고수분들 도움 부탁드립니다.