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