tp一个上传修剪图片插件,可以旋转、放大、

浏览:1481 发布日期:2017年07月26日分类:用法示例关键字: tp一个上传修剪图片插件,可以旋转、放大、缩小、多功能插件

tp一个上传修剪图片插件,可以旋转、放大、缩小、多功能插件
1、index.html文件主文件

如:html中:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="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

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

xtwlkj9999 10-25
ThinkPHP在线客服系统 Ai智能客服系统在线客服源码
fatie 03-29
安全私密的聊天系统可免费使用可转让可定制
dingji 03-23
2022最完备原生电商多端发布支持源码及定制
fatie 03-17
安全私密的聊天系统可免费使用可转让可定制
springblog 01-15
springboot后台管理系统|springboot在线商城购物系统

收藏

赞

逆境逢生

积分:180 等级:LV1

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。