时间:2016-02-15 23:15 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包)】，下面是详细的讲解！
Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包)
1.前台展现实现网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求.
官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看.
页面先引用相关样式和脚本:
页面body部分代码:
其中ID为preImg的Style的width和height的值是裁剪图片的尺寸,而且要定义这个DIV的overflow:hidden.能够及时看到图片的裁剪效果的关键CSS属性就是它了.
接下来讲讲jquery.Jcrop.js的基本用法,及相关javascript的实现.
首先定义一些临时变量,来保存相关参数
var jcrop_api, boundx, boundy;
然后给图片的DOM元素绑定Jcrop功能,相关的方法属性看英文就能明白其中的意思.
另一部分前台代码:
后台代码的实现:
首先引用相关命名空间
保存按钮的方法,从页面取到相关参数,然后调用裁剪方法.
接下是最重要的裁剪方法:
主要页面源码:source
关于Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包)的用户互动如下：
相关问题：
答： >>详细
相关问题：
答： >>详细
相关问题：
答： >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【asp】asp.net ubb使用代码-net-ubb使用
- 【默认图片】图片不存在使用默认图片代替的实例
- 【asp】asp.net 页面转向 Response.Redirect Ser
- 【jQuery】jQuery实现倒计时跳转的例子-倒计时跳
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-