网页网站您现在的位置是:首页 > 博客日志 > 网页网站

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

<a href='mailto:'>微wx笑</a>的头像微wx笑2020-04-28 17:06:05网页网站人已围观关键字: jQuery  插件  

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

帝国CMS后台文章编辑功能的标题图片,也就是文章封面设置功能用起来非常的不习惯不好用,所以考虑换一个更好用的,在网上找了一下,最后觉得croppic最不错,这里给大家分享一下。cQ3编程技术_踩坑日志_进阶指南_无知人生

croppic是一个简单功能强大的jQuery在线图片裁剪插件,支持主流的浏览器, 如 chrome, firefox, IE, safari 和 operacQ3编程技术_踩坑日志_进阶指南_无知人生

image.pngcQ3编程技术_踩坑日志_进阶指南_无知人生

ie兼容9cQ3编程技术_踩坑日志_进阶指南_无知人生

  查看演示   立即下载 cQ3编程技术_踩坑日志_进阶指南_无知人生

插件描述:croppic图像裁剪将满足您的需求,图像加载效果、展现效果以及裁剪都非常棒,相信您看Demo后一定会喜欢上此插件.cQ3编程技术_踩坑日志_进阶指南_无知人生

使用方法

最简单的实现。注意,您必须提供容器的宽度和高度,依赖jQurey。cQ3编程技术_踩坑日志_进阶指南_无知人生

JS

		
		var cropperHeader = new Croppic('yourId');				

HTML

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

CSS

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

更多使用方式请参考帮助文档cQ3编程技术_踩坑日志_进阶指南_无知人生

  cQ3编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()