js 圖片預覽外掛 （附原始碼檔案）
阿新 • • 發佈：2018-12-21
使用
<body> <script src="http://www.mufengcandi.com/js/jquery-1.11.0.js" type="text/javascript"></script> <script src="./VieViewer.js" type="text/javascript"></script> <link rel="stylesheet" href="./VieViewer.css"> </head> <body> <div id="myviewer"></div> </body> <script> var src = '../image/test.png'; var shower = new VieViewer(src, '#myviewer', 600, 500); shower.load(); </script>
API
rotate方法： 旋轉（順時針為正）
shower.rotate(90)
horizontalFlip方法： 橫向翻轉
shower.horizontalFlip()
verticalFlip方法： 縱向翻轉
shower.verticalFlip()
zoomIn方法： 放大
shower.zoomIn()
zoomOut方法： 縮小
shower.zoomOut()
downloadRawImage方法： 下載（原始）圖片，引數name為給定檔名
shower.downloadRawImage()
downloadImage方法： 下載（當前）圖片，引數name為給定檔名
shower.downloadImage()
showNextImage方法： 圖片更換（並馬上顯示出來），引數可以為url或者image類
shower.showNextImage('http://www.xxx.com/xxxx/xx.png');
或
var image = new Image();
image.setAttribute('crossOrigin', 'anonymous'); // 跨域情況
image.src = 'http://www.xxx.com/xxxx/xx.png';
shower.showNextImage(image);
原始碼：
https://download.csdn.net/download/vincent_field/10718830