product-display-360

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,
});

调试

• 仓库地址： https://www.npmjs.com/package/product-display-360

1. 将项目download至本地
2. vscode 打开项目
3. 打开控制台执行 npm link 命令
4. 在调试该库的项目中打开控制台执行 npm link product-display-360 命令