干货：js旋转图片插件

然并卵书屋 2017-03-06

展开全文

在HTML，Javascript的开发过程中呢，我们自然少不了和图片打交道，大部分时间呢我们直接在img的标签里面src上图片的url即可，但是我们如果要对图片进行旋转之类的操作。

虽然css3有对图片的操作，但有的时候并不能满足我们的需求。

今天我给大家推荐的使用canvas写的一个js插件。用法呢也比较简单，首页这个插件不需要jquery，他是使用js原生的方法写的。

按照按钮先放美美的照片，尽管图文无关大家凑合看吧，是吧

干货：js旋转图片插件

javaweb技术

插件地址：

https://github.com/Javebean/rotatepic

插件用法：

var rotate = new Rotate({
canvasHeight:500,
canvasWidth:300,
canvasBgcolor: '#fff',
canvasBorderWidth: '1px',
canvasBorderColor: 'red',
imageSrc:'pic/hah.png'
});
$('#clockwise').click(function(){
rotate.clockwise();
});
$('#counterclockwise').click(function(){
rotate.counterclockwise();
});