zoom image

• 縮放圖像
• 發展
• 命令
  • 與文檔
  • 提前
  • 與反應
  • 與混音
  • 下一個
  • 與苗條
  • 與香草JS
  • 與Vue
  • 使用固體
  • 與Qwik
• 相關項目
• 贊助
• 執照

縮放圖像

有點功能強大的框架不可知的無頭庫可在網絡上縮小圖像。這是電子商務網站上的典型體驗。示例用preact，react，svelte，vanilla js和vue編寫。

• ✅縮放方向盤（滾動和捏）
• ✅變焦懸停
• ✅縮放移動
• ✅縮放點擊點擊

發展

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

命令

請將所有版本從“最新”更改為“ workspace：*”您要啟動的示例項目中，在執行以下命令之一之前，運行PNPM安裝。我想保留這些軟件包以用於stackblitz使用情況，以便我使用“最新”，不幸的是，PNPM在本地開發過程中不了解它嗎？

與文檔

pnpm start-docs

提前

pnpm start-preact

與反應

pnpm start-react

與混音

pnpm start-remix

下一個

pnpm start-next

與苗條

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-縮放圖像在Hover上的內部工作受此庫的啟發

贊助

執照

麻省理工學院©nam nguyen