API_KR.md

API

EN | KR

SVG 주입

---

$$appendRotateTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_ROTATE 타입의 SVGTransform 의 angle 값에 입력받은 angle을 더합니다.

$$appendTranslateTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform 의 tx, ty 에 입력받은 tx, ty를 더합니다.

$$consolidateTransformList

• source
• detail

SVGTransformList 객체의 모든 SVGTransform 객체를 하나로 통합합니다.

$$convertClientToUserCoords

• source
• detail

CSSOM 의 client coordinate system 좌표를 SVG 의 user coordinate system 좌표로 변환합니다.

$$createSVGMatrix

• source
• detail

SVGMatrix 객체를 생성합니다.

$$createSVGPoint

• source
• detail

SVGPoint 객체를 생성합니다.

$$createSVGRect

• source
• detail

SVGRect 객체를 생성합니다.

$$createSVGTransform

• source
• detail

SVGTransform 객체를 생성합니다.

$$createSVGTransformMatrix

• source
• detail

type이 SVGTransform.SVG_TRANSFORM_MATRIX인 SVGTransform 객체를 생성합니다.

$$createSVGTransformRotate

• source
• detail

type이 SVGTransform.SVG_TRANSFORM_ROTATE인 SVGTransform 객체를 생성합니다.

$$createSVGTransformScale

• source
• detail

type이 SVGTransform.SVG_TRANSFORM_SCALE인 SVGTransform 객체를 생성합니다.

$$createSVGTransformTranslate

• source
• detail

type이 SVGTransform.SVG_TRANSFORM_TRANSLATE인 SVGTransform 객체를 생성합니다.

$$el

• source
• detail

SVGElement 를 생성합니다.

$$els

• source
• detail

SVGElement 를 담은 배열을 생성합니다.

$$getAnimTransformList

• source
• detail

입력받은 svg 객체의 transform.animVal 값을 반환합니다.

$$getAttrNS

• source
• detail

SVG 엘리먼트의 속성에 해당하는 값을 반환합니다. 해당하는 속성이 없으면 null을 반환합니다.

$$getBaseTransformList

• source
• detail

입력받은 svg 객체의 transform.baseVal 값을 반환합니다.

$$getBoundingPoints

• source
• detail

입력한 point 목록에서 x, y 의 개별 최솟값, 최댓값으로 이루어진 min, max point 를 반환합니다. x, y 는 독립적으로 비교됩니다. 따라서 반환된 point 는 입력한 point 목록에 없을 수 있습니다.

$$getBoxPoints

• source
• detail

svg 객체의 영역에 해당하는 SVGPoint들을 반환합니다.

$$getCenterPoint

• source
• detail

svg 객체의 중심에 해당하는 SVGPoint를 반환합니다.

$$getConsolidatedTransformMatrix

• source
• detail

입력받은 SVGTransformList 의 모든 SVGTransform 의 변환 행렬을 곱한 행렬을 반환합니다. SVGTransformList.consolidate 와 비슷한 동작을 수행하지만 SVGTransformList 를 변형하지 않습니다.

$$getSVG

• source
• detail

<svg></svg> 엘리먼트를 반환합니다.

$$setSVG

• source
• detail

내부적으로 사용하는 <svg></svg> 엘리먼트를 설정합니다.

$$hasAttrNS

• source
• detail

SVG 엘리먼트가 속성을 가지고 있는지 여부를 판단합니다.

$$initMatrixTransform

• source
• detail

svg 엘리먼트에 SVGTransform.SVG_TRANSFORM_MATRIX 타입의 SVGTransform 을 추가합니다.

$$initRotateTransform

• source
• detail

svg 엘리먼트에 총 3개의 SVGTransform을 순서대로 추가합니다.

1. SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform (index: 0)
2. SVGTransform.SVG_TRANSFORM_ROTATE 타입의 SVGTransform (index: 1)
3. SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform (index: 2)

2번 SVGTransform 객체를 반환합니다. 1번, 3번 SVGTranform 객체는 회전 중심을 설정합니다.

$$initScaleTransform

• source
• detail

svg 엘리먼트에 총 3개의 SVGTransform을 순서대로 추가합니다.

1. SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform (index: 0)
2. SVGTransform.SVG_TRANSFORM_SCALE 타입의 SVGTransform (index: 1)
3. SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform (index: 2)

2번 SVGTransform 객체를 반환합니다. 1번, 3번 SVGTranform 객체는 scale 중심을 설정합니다.

$$initTranslateTransform

• source
• detail

svg 엘리먼트에 SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform 을 추가합니다.

$$isIdentityMatrix

• source
• detail

입력한 matrix 가 단위행렬인지 여부를 판단합니다. 단위행렬의 각 요소와 Number.EPSILON 이내로 차이나는 경우 올바른 값으로 판정합니다.

$$isMatrixSVGTransform

• source
• detail

해당 SVGTransform의 type이 SVGTransform.SVG_TRANSFORM_MATRIX인지 여부를 판단합니다.

$$isRotateSVGTransform

• source
• detail

해당 SVGTransform의 type이 SVGTransform.SVG_TRANSFORM_ROTATE인지 여부를 판단합니다.

$$isScaleSVGTransform

• source
• detail

해당 SVGTransform의 type이 SVGTransform.SVG_TRANSFORM_SCALE인지 여부를 판단합니다.

$$isSVGTransform

• source
• detail

해당 객체가 SVGTransform 인지 여부를 판단합니다.

$$isTranslateSVGTransform

• source
• detail

해당 SVGTransform의 type이 SVGTransform.SVG_TRANSFORM_TRANSLATE인지 여부를 판단합니다.

$$isValidFxScaleSVGTransformList

• source
• detail

$$initScaleTransform 함수를 적용한 SVGTransformList인지 여부를 판단합니다.

$$toStringPathCommandParameters

• source
• detail

입력한 command + parameters 객체로 SVG path data 문자열을 생성합니다.

$$joinPathData

• source
• detail

입력한 command + parameters 객체의 배열로 SVG path data 문자열을 생성합니다. 반환한 문자열은 SVG 엘리먼트의 "d" 속성값에 해당합니다.

$$LiveRotateTransform

• source
• detail

SVG Rotate Transform 을 다루기 위한 $$LiveTransform 인터페이스의 구현체입니다.

$$LiveScaleTransform

• source
• detail

SVG Scale Transform 을 다루기 위한 $$LiveTransform 인터페이스의 구현체입니다.

$$LiveScaleTransform2

• source
• detail

SVG Scale Transform 을 다루기 위한 $$LiveTransform 인터페이스의 구현체입니다. $$mergeScaleTransform2 를 사용하는 버전입니다.

$$LiveTransform

• source
• detail

FxSVG 에서 SVG Transform 을 쉽게 다루기 위한 인터페이스입니다.

$$LiveTransformHandler

• source
• detail

$$LiveTransform 타입의 객체를 함수형 스타일로 쉽게 다루기 위한 보조 클래스입니다.

$$LiveTranslateTransform

• source
• detail

SVG Translate Transform 을 다루기 위한 $$LiveTransform 인터페이스의 구현체입니다.

$$mergeRotateTransform

• source
• detail

$$initRotateTransform 으로 적용된 3개의 SVGTransform 객체를 하나의 SVGTransform 으로 병합합니다.

$$mergeScaleTransform

• source
• detail

$$initScaleTransform 으로 적용된 3개의 SVGTransform 객체를 하나의 SVGTransform 으로 병합합니다.

$$mergeScaleTransform2

• source
• detail

$$initScaleTransform 으로 적용된 3개의 SVGTransform 객체를 해당 svg 엘리먼트의 x, y, width, height 속성 (혹은 그에 준하는 속성) 에 반영합니다.

$$mergeTranslateTransform

• source
• detail

svg 엘리먼트에 가장 마지막으로 적용된 SVGTransform 이 SVGTransform.SVG_TRANSFORM_TRANSLATE 타입인 경우 해당 SVGTransform 을 svg 엘리먼트의 x, y 속성 (혹은 그에 준하는 속성) 에 반영합니다. svg 엘리먼트에 다른 SVGTransform 이 있는 경우 각 SVGTransform 을 업데이트합니다.

$$splitPathDataByCommandL

• source
• detail

path data 문자열을 command 단위로 잘라냅니다. 제너레이터는 command 와 해당 command 의 parameters 를 yield 합니다. command 와 parameters 는 문자열입니다.

$$parsePathCommandParameters

• source
• detail

parameters 문자열을 숫자 배열로 변환합니다. 제너레이터는 command 와 해당 command 의 변환된 parameters 를 yield 합니다.

이 함수는 parameters 문자열의 유효성을 검사하지 않습니다!

$$convertPathCommandParametersRelativeToAbsoluteL

• source
• detail

path 의 command-parameters 이터러블을 relative 좌표에서 absolute 좌표로 변환합니다.

이 함수는 입력 데이터의 유효성을 검사하지 않습니다!

$$compressPathCommandL

• source
• detail

다른 command 에 의존적인 command 를 변환합니다.

$$flatPathCommandParametersL

• source
• detail

path 의 command-parameter 를 각 parameter 별로 펼칩니다. "command + parameter 시퀸스" 를 "command + parameter" 의 시퀸스로 평탄화합니다.

$$parsePathData

• source
• detail

<path></path> 엘리먼트의 d 속성의 값을 파싱하여 {command, parameters} 객체의 이터레이터를 반환합니다. 위의 converting, compressing, flattening 작업을 모두 진행합니다.

$$removeAttrNS

• source
• detail

SVG 엘리먼트의 속성을 제거합니다. 필요한 경우 namespace 를 지정하여 사용할 수 있습니다.

$$setAttrNS

• source
• detail

SVG 엘리먼트에 속성과 값을 추가합니다. 필요한 경우 namespace 를 지정하여 사용할 수 있습니다.

$$updateMatrixTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform 의 tx, ty 값을 수정합니다.

$$updateRotateTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_ROTATE 타입의 SVGTransform 의 angle 값을 수정합니다.

$$updateScaleTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform 의 tx, ty 값을 수정합니다.

$$updateTranslateTransform

• source
• detail

SVGTransform.SVG_TRANSFORM_TRANSLATE 타입의 SVGTransform 의 tx, ty 값을 수정합니다.