preview-image-css3

图片预览组件——H5

简介

图片预览组件，基于 CSS3 实现，提供对图片的放大、缩小、移动等一些列的变换操作。

安装

  npm install preview-image-css3 --save-dev

使用

  var PreviewImage = require("preview-image-css3");
  var previewImage = new PreviewImage( element, {
    imageSrc: 'http://xxx.com/xxx.png', // 图片地址
    doubleZoom: 2, // 双击缩放
    maxZoom: 4, // 最大缩放
    minZoom: 1, // 最小缩放
    softY: true, // x 轴支持
    softX: true, // y 轴支持
  });
 
  previewImage.start(); // 开始执行图片拉取和渲染
  previewImage.unbind(); // 解除事件绑定
  previewImage.bind(); // 开启事件绑定
  previewImage.reset(); // 重置为初始状态