Skip to content

Commit

Permalink
v0.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
daengdaengLee committed Jun 1, 2020
2 parents 0d0ad36 + 40dc82e commit 5207fd5
Show file tree
Hide file tree
Showing 80 changed files with 1,680 additions and 1,005 deletions.
234 changes: 5 additions & 229 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,237 +48,13 @@ const { controller } = $$.controlTranslateTransform()($rect);
controller.append({ tx: 10 }).append({ ty: 10 }).end();
```

## API
## Documentation

[`<svg></svg>` 엘리먼트 커링](./svg_currying.md)

---

### \$\$getSVG

- [source](./src/getSetSVG/getSetSVG.index.js)
- [detail](./src/getSetSVG/README.md)

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

### \$\$setSVG

- [source](./src/getSetSVG/getSetSVG.index.js)
- [detail](./src/getSetSVG/README.md)

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

### \$\$els

- [source](./src/els/els.index.js)
- [detail](./src/els/README.md)

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

### \$\$el

- [source](./src/el/el.index.js)
- [detail](./src/el/README.md)

`SVGElement` 를 생성합니다.

### \$\$createSVGPoint

- [source](./src/createSVGPoint/createSVGPoint.index.js)
- [detail](./src/createSVGPoint/README.md)

`SVGPoint` 객체를 생성합니다.

### \$\$createSVGRect

- [source](./src/createSVGRect/createSVGRect.index.js)
- [detail](./src/createSVGRect/README.md)

`SVGRect` 객체를 생성합니다.

### \$\$createSVGMatrix

- [source](./src/createSVGMatrix/createSVGMatrix.index.js)
- [detail](./src/createSVGMatrix/README.md)

`SVGMatrix` 객체를 생성합니다.

### \$\$createSVGTransform

- [source](./src/createSVGTransform/createSVGTransform.index.js)
- [detail](./src/createSVGTransform/README.md)

`SVGTransform` 객체를 생성합니다.

### \$\$createSVGTransformTranslate

- [source](./src/createSVGTransformTranslate/createSVGTransformTranslate.index.js)
- [detail](./src/createSVGTransformTranslate/README.md)

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

### \$\$createSVGTransformRotate

- [source](./src/createSVGTransformRotate/createSVGTransformRotate.index.js)
- [detail](./src/createSVGTransformRotate/README.md)

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

### \$\$createSVGTransformScale

- [source](./src/createSVGTransformScale/createSVGTransformScale.index.js)
- [detail](./src/createSVGTransformScale/README.md)

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

### \$\$createSVGTransformMatrix

- [source](./src/createSVGTransformMatrix/createSVGTransformMatrix.index.js)
- [detail](./src/createSVGTransformMatrix/README.md)

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

### \$\$isTranslateSVGTransform

- [source](./src/isTranslateSVGTransform/isTranslateSVGTransform.index.js)
- [detail](./src/isTranslateSVGTransform/README.md)

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

### \$\$isRotateSVGTransform

- [source](./src/isRotateSVGTransform/isRotateSVGTransform.index.js)
- [detail](./src/isRotateSVGTransform/README.md)

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

### \$\$isScaleSVGTransform

- [source](./src/isScaleSVGTransform/isScaleSVGTransform.index.js)
- [detail](./src/isScaleSVGTransform/README.md)

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

### \$\$getBaseTransformList

- [source](./src/getBaseTransformList/getBaseTransformList.index.js)
- [detail](./src/getBaseTransformList/README.md)

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

### \$\$getAnimTransformList

- [source](./src/getAnimTransformList/getAnimTransformList.index.js)
- [detail](./src/getAnimTransformList/README.md)

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

### \$\$getBoxPoints

- [source](./src/getBoxPoints/getBoxPoints.index.js)
- [detail](./src/getBoxPoints/README.md)

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

### \$\$getCenterPoint

- [source](./src/getCenterPoint/getCenterPoint.index.js)
- [detail](./src/getCenterPoint/README.md)

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

### \$\$consolidateTransformList

- [source](./src/consolidateTransformList/consolidateTransformList.index.js)
- [detail](./src/consolidateTransformList/README.md)

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

### \$\$initTranslateTransform

- [source](./src/initTranslateTransform/initTranslateTransform.index.js)
- [detail](./src/initTranslateTransform/README.md)

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

### \$\$updateTranslateTransform

- [source](./src/updateTranslateTransform/updateTranslateTransform.index.js)
- [detail](./src/updateTranslateTransform/README.md)

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

### \$\$appendTranslateTransform

- [source](./src/appendTranslateTransform/appendTranslateTransform.index.js)
- [detail](./src/appendTranslateTransform/README.md)

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

### \$\$mergeTranslateTransform

- [source](./src/mergeTranslateTransform/mergeTranslateTransform.index.js)
- [detail](./src/mergeTranslateTransform/README.md)

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

### \$\$controlTranslateTransform

- [source](./src/controlTranslateTransform/controlTranslateTransform.index.js)
- [detail](./src/controlTranslateTransform/README.md)

`$$initTranslateTransform`, `$$updateTranslateTransform`, `$$appendTranslateTransform`, `$$mergeTranslateTransform` 함수들을
쉽게 사용할 수 있는 `controller` 를 생성합니다.

### \$\$initRotateTransform

- [source](./src/initRotateTransform/initRotateTransform.index.js)
- [detail](./src/initRotateTransform/README.md)

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` 객체는 회전 중심을 설정합니다.

### \$\$updateRotateTransform

- [source](./src/updateRotateTransform/updateRotateTransform.index.js)
- [detail](./src/updateRotateTransform/README.md)

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

### \$\$appendRotateTransform

- [source](./src/appendRotateTransform/appendRotateTransform.index.js)
- [detail](./src/appendRotateTransform/README.md)

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

### \$\$mergeRotateTransform

- [source](./src/mergeRotateTransform/mergeRotateTransform.index.js)
- [detail](./src/mergeRotateTransform/README.md)

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

### \$\$controlRotateTransform

- [source](./src/controlRotateTransform/controlRotateTransform.index.js)
- [detail](./src/controlRotateTransform/README.md)

`$$initRotateTransform`, `$$updateRotateTransform`, `$$appendRotateTransform`, `$$mergeRotateTransform` 함수들을
쉽게 사용할 수 있는 `controller` 를 생성합니다.
- [API Reference](./doc/API.md)

## Contributing

### Test Code
FxSVG 개발에 참여하고 싶은 모든 분들을 환영합니다.
FxSVG 코드에 기여하고 싶은 분은 아래 가이드를 참고해주세요.

테스트 코드를 작성할 때 `mocha` 테스트 러너의 실행 함수는 모두 `function() {}` 으로 작성해주세요.
`mocha``context`에 접근하기 위해서는 `this` 키워드를 사용해야 합니다.
화살표 함수를 사용하면 `this` 키워드를 사용할 수 없어요!
- [Contributing Guide](./doc/CONTRIBUTING.md)
Loading

0 comments on commit 5207fd5

Please sign in to comment.