jQuery图片裁剪插件 功能非常强大

时间:2022-09-12 11:15:33
【文件属性】:
文件名称:jQuery图片裁剪插件 功能非常强大
文件大小:76KB
文件格式:RAR
更新时间:2022-09-12 11:15:33
jQuery插件 上次我们介绍过一款基于HTML5的图片马赛克效果,今天我们要来介绍一款基于jQuery的图片裁剪插件,这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例,可以设置高宽尺寸,同时可以设置图片翻转角度,当然也支持图片的缩放,裁剪框也可以用鼠标拖动。 来看看实现的代码,这里我们主要来看JavaScript代码 获取图片的Canvas画布: function getSourceCanvas(image, data) { var canvas = $('')[0], context = canvas.getContext('2d'), width = data.naturalWidth, height = data.naturalHeight, rotate = data.rotate, rotated = getRotatedSizes({ width: width, height:[......] 阅读全文>>
【文件预览】:
jquery-dashboard-animation
----css()
--------normalize.css(2KB)
--------flightindicators.css(1KB)
--------flightindicators.min.css(761B)
--------default.css(6KB)
----_examples_data()
--------prism()
--------style.css(529B)
----fonts()
--------icomoon.woff(1KB)
--------icomoon.eot(2KB)
--------icomoon.svg(2KB)
--------icomoon.ttf(1KB)
----img()
--------heading_yaw.svg(20KB)
--------fi_circle.svg(2KB)
--------fi_needle.svg(1KB)
--------horizon_ball.svg(11KB)
--------fi_tc_airplane.svg(2KB)
--------fi_needle_small.svg(2KB)
--------altitude_ticks.svg(11KB)
--------turn_coordinator.svg(17KB)
--------vertical_mechanics.svg(11KB)
--------heading_mechanics.svg(3KB)
--------horizon_circle.svg(2KB)
--------speed_mechanics.svg(7KB)
--------horizon_back.svg(737B)
--------altitude_pressure.svg(10KB)
--------fi_box.svg(1KB)
--------horizon_mechanics.svg(2KB)
----related()
--------2.jpg(18KB)
--------1.jpg(23KB)
----js()
--------jquery.flightindicators.min.js(5KB)
--------jquery.flightindicators.js(8KB)
----index.html(3KB)

网友评论