360˚ 展示产品
- TS 类型文件齐全, 支持代码补全
- 纯 JavaScript 原生实现, 不依赖任何外部库
- 支持
React
Vue
Angular
效果图
安装
npm install product-display-360 --save
使用
- html
<div class="product-display-360"></div>
- javaScript
import ProductDisplay360 from "product-display-360";
ProductDisplay360({
canvasId: ".product-display-360",
canvasWidth: 860,
canvasHeight: 500,
framesPath: "https://s7d5.scene7.com/is/image/horizonhobby/",
framesFile: "360_EFLH1250_{col}?wid=750",
framesReverse: false,
alpha: true,
});
调试
- 将项目download至本地
- vscode 打开项目
- 打开控制台执行
npm link
命令 - 在调试该库的项目中打开控制台执行
npm link product-display-360
命令