README.md

$$createSVGTransformScale

• source
• test

type이 SVGTransform.SVG_TRANSFORM_SCALE인 SVGTransform 객체를 생성합니다. sx로 x축 방향으로 확대할 비율을, sy로 y축 방향으로 확대할 비율을 설정합니다. sx, sy가 음수일 경우 해당 축을 기준으로 대칭이동합니다.

입력한 sx, sy 값과 실제 적용된 Transform 값은 정확도 차이가 발생할 수 있습니다.

console.log($$createSVGTransformScale()());
// SVGTransform {type: 3, matrix: SVGMatrix, angle: 0}
//   SVGMatrix {a: 1, b: 0, c: 0, d: 1, e: 0, f: 0}

console.log($$createSVGTransformScale({ sx: 2 })());
// SVGTransform {type: 3, matrix: SVGMatrix, angle: 0}
//   SVGMatrix {a: 2, b: 0, c: 0, d: 1, e: 0, f: 0}

console.log($$createSVGTransformScale({ sx: 2, sy: 4 })());
// SVGTransform {type: 3, matrix: SVGMatrix, angle: 0}
//   SVGMatrix {a: 2, b: 0, c: 0, d: 4, e: 0, f: 0}

const $svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
console.log($$createSVGTransformScale({ sx: 3, sy: 5 })($svg));
// SVGTransform {type: 3, matrix: SVGMatrix, angle: 0}
//   SVGMatrix {a: 3, b: 0, c: 0, d: 5, e: 0, f: 0}