简单功能强大的jQuery在线图片裁剪插件croppic

Posted 微wx笑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单功能强大的jQuery在线图片裁剪插件croppic相关的知识,希望对你有一定的参考价值。

帝国CMS后台文章编辑功能的标题图片,也就是文章封面设置功能用起来非常的不习惯不好用,所以考虑换一个更好用的,在网上找了一下,最后觉得croppic最不错,这里给大家分享一下。

croppic是一个简单功能强大的jQuery在线图片裁剪插件,支持主流的浏览器, 如 chrome, firefox, IE, safari 和 opera

  查看演示   立即下载 

插件描述:croppic图像裁剪将满足您的需求,图像加载效果、展现效果以及裁剪都非常棒,相信您看Demo后一定会喜欢上此插件.

使用方法

最简单的实现。注意,您必须提供容器的宽度和高度,依赖jQurey。

JS

		
		var cropperHeader = new Croppic('yourId');				

html

		
		<div id="yourId"></div>				

CSS

		
		#cropContainerHeader 
			width: 200px;
			height: 150px;
			position:relative; /* or fixed or absolute */
						

更多使用方式请参考帮助文档

以上是关于简单功能强大的jQuery在线图片裁剪插件croppic的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件分享Cropper——一个简单方便的图片裁剪插件

jQuery插件使用cropper实现简单的头像裁剪并上传

jQuery 图片裁剪插件 Jcrop

移动端图片裁剪上传—jQuery.cropper.js

图片在线裁剪和图片上传总结

Symfony2-Crop |如何取回我裁剪的图像?