feat: focus pointing click 이벤트 - Githubissues

FLYAI4 / ArtFront-ReactNative

프로젝트 Frontend repo 입니다.

1 stars 1 forks source link

feat: focus pointing click 이벤트 #12

Closed heehminh closed 9 months ago

heehminh commented 9 months ago

PR Type

[x] 기능 개발 (Feature)
[x] 화면 작업 (Style, CSS)

작업 내용

[x] json형태의 파일에서 keyword, 좌표, 설명뽑기
[x] 바운딩 박스 그리기
- [x] 전체 이미지 크기와 현재 이미지 크기를 기준으로 비율 조정
- [x] 새로운 좌표값 (new x1 = marginLeft + 비율*x1)
[x] 클릭이벤트 (1) - keyword, 설명 텍스트 렌더링
[x] 클릭이벤트 (2) - 바운딩 박스 확대
- [x] 좌표로 이미지 crop
- [x] background-image opacity 수정

Before

After

https://github.com/FLYAI4/ArtFront-ReactNative/assets/76530562/165b22ad-2755-42a1-bb45-d4b71c847e6f

이미지 확대하는 건 추후 추가하겠습니다.