一个上传修剪图片插件，可以旋转、放大、缩小、多功能...

gdf800310 · 发表于 2017-7-26 18:03:53

本帖最后由 gdf800310 于 2017-7-26 18:11 编辑

1、index.html文件主文件

如：html中：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[size=1em]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[size=1em]http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切割图片</title>
<script type="text/javascript" src="cut_img/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="cut_img/layer/layer.js"></script>
</head>

<body>

<img id="img_url" src="cut_img/img/11.jpg" />
<p><a href="javascript:void(0);"  onclick="cut_pic();">切割图片</a></p>
<script type="text/javascript">

function cut_pic(){
      var pic = $("#img_url").attr('src');
      layer.open({
         type: 2,
         area: ['80%', '90%'],
         fixed: false, //不固定
         maxmin: true,
         content: 'cut.html#'+pic
      });
}
function loadImage(img_url){
      $("#img_url").attr('src',img_url);
}

</script>
</body>
</html>

2.cut.html

3. 操作简单易懂，cut.html 是负责切割图片的用操作演示

第一步：

第二步切割

第三步生成

第四部

确定完成

很简单吧，

演示地址：地址一 http://www.z098.cn/demo/cut_img/

下载地址： http://www.z098.cn/demo/cut_img/cut_img.zip

原文地址： http://www.z098.cn/study/120655.html

gdf800310 · 发表于 2017-7-26 18:12:13

gdf800310 · 发表于 2017-7-26 18:53:33

很好的插件

as3291363 · 发表于 2017-8-14 16:30:31

不错..感谢分享

convincee · 发表于 2017-8-15 10:11:57

感谢分享

xingqik · 发表于 2017-10-18 18:35:50

很好的插件

paivisual · 发表于 2018-8-7 22:06:29

不能下载了，哪个下载过的能不能共享一下！

qq36910093 · 发表于 2019-3-14 15:24:10

我本来也需要这个呢，谁在分享下

paivisual · 发表于 2019-4-18 16:37:04

谁下载过，给个地址呗！

		自动登录	找回密码
密码			入住 CI 中国社区

[插件 Plugin] 一个上传修剪图片插件，可以旋转、放大、缩小、多功能...