zoom image

• 줌 이미지
• 개발
• 명령
  • 문서와 함께
  • preact와 함께
  • 반응과 함께
  • 리믹스와 함께
  • 다음으로
  • Svelte와 함께
  • 바닐라 JS와 함께
  • Vue와 함께
  • 단단한
  • Qwik과 함께
• 관련 프로젝트
• 스폰서
• 특허

줌 이미지

웹에서 이미지를 확대하기 위해 조금만 강력하지만 강력한 프레임 워크의 비열한 헤드리스 라이브러리. 전자 상거래 사이트에서 전형적인 경험입니다. 예는 Preact, React, Svelte, Vanilla JS 및 Vue와 함께 작성됩니다.

• ✅ 휠 줌 (스크롤 및 핀치)
• hover 호버를 확대하십시오
• ✅ 이동 중 축소
• click 클릭을 확대하십시오

개발

git clone https://github.com/willnguyen1312/zoom-image
cd zoom-image
pnpm install
pnpm build

명령

모든 버전을 "최신"에서 "작업 공간으로 변경하십시오 :*"시작하려는 예제 프로젝트 내부에서 PNPM 설치를 실행하기 전에 아래 명령 중 하나를 실행하십시오. StackBlitz 사용에 대한 패키지를 보관하고 싶었으므로 "최신"을 사용하지만 불행히도 PNPM은 지역 개발 중에 이해하지 못합니까?

문서와 함께

pnpm start-docs

preact와 함께

pnpm start-preact

반응과 함께

pnpm start-react

리믹스와 함께

pnpm start-remix

다음으로

pnpm start-next

Svelte와 함께

pnpm start-svelte

바닐라 JS와 함께

pnpm start-vanilla

Vue와 함께

pnpm start-vue

단단한

pnpm start-solid

Qwik과 함께

pnpm start-qwik

관련 프로젝트

• React-Zoomable-Media- 이전 회사를 위해 쓴 도서관
• ZAGJS- 프로젝트의 아키텍처는이 라이브러리에서 영감을 받았습니다.
• Tanstack- 프로젝트의 핵심 헤드리스 패턴은이 프로젝트에서 크게 영감을 받았습니다 - 헤드리스 UI
• JS-Image-Zoom- 호버의 줌 이미지의 내부 작업은이 라이브러리에서 영감을 얻었습니다.

스폰서

특허

MIT © Nam Nguyen