jqurey图片剪切插件imgareaselect

最新推荐文章于 2024-03-15 09:32:17 发布
最新推荐文章于 2024-03-15 09:32:17 发布
阅读量118 收藏
点赞数
分类专栏： ajax 文章标签： .net HTML

 今天用了一下 豆瓣的 个人logo设置,比较人性化,上传完图片后再剪切,选择作为个人LOGO.

仔细看了一下html代码,发现原来是通过一个 jqurey图片剪切插件imgareaselect 实现的.

 

http://odyniec.net/projects/imgareaselect/

 

网站上有DEMO 和教程,用到的时候再仔细研究一下.

hqmanwangkai
关注
专栏目录
imgareaselect
07-10
JS 截图插件
imgAreaSelect 中文文档
weixin_30680385的博客
10-08 200
一、技术文档 １、介绍 ImgAreaSelect是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，非常的fashion。另外，可以在这个选择图像区域的基础上应用网站的其他一些技术，比如图片拖曳、图片编辑等。 ２、基本用法 这个插件基于jQuery上通过imgAreaSelect()方法来调用，它操作的对象是HTML中<img>元素内的图像。 <script...
jQuery 图片剪裁插件使用之 imgAreaSelect
weixin_34348174的博客
10-27 136
插件主页：http://odyniec.net/projects/imgareaselect/ 官方网站上说明支持的浏览器：The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+. 插件的主要功能包括：...
imgareaselect.js
07-18
jquery imgareaselect通过jquery实现图片裁剪，定位等问题
imgareaselect php,jquery imgareaselect 使用利用js与程序结合实现图片剪切
weixin_39929253的博客
03-12 76
当前在ff3下，用jquery的 width()与height()函数，在不设置图片的宽度与高度的时候，不能取到需要在图片load函数里面初始化才可以/*缺陷，当前在ff3下，用jquery的 width()与height()函数，在不设置图片的宽度与高度的时候，不能取到需要在图片load函数里面初始化才可以*/sanshi_imgareaselect = function(pic_id,view...
jqurey图片切换
06-19
在压缩包中的"jqurey图片轮播"文件中，你应该能找到示例的HTML、CSS和JavaScript代码。通过分析和修改这些代码，你可以学习如何创建自己的图片轮播。记得在实际应用中，还可以加入更多的功能，如指示器、自动播放...
jqurey 分页插件
01-19
jQuery分页插件是一种在网页上实现数据分页显示的工具，它可以帮助开发者轻松地将大量数据分成多个页面，提供用户友好的浏览体验。在这个压缩包中，包含了一个名为"一个非常简单的jQuery分页插件"的示例，用于演示...
jquery双击图片弹出插件.rar
07-04
本主题涉及的是一个特定的jQuery插件，用于实现双击图片后弹出图片显示的功能，这对于网站的用户体验提升具有显著效果。这个插件可以方便地将普通图片浏览体验转化为更直观、更具互动性的展示方式。 首先，我们来...
jquery通过滑块移动改变图片颜色插件
12-11
在这个特定的案例中，“jquery通过滑块移动改变图片颜色插件”是基于jQuery实现的一个创新功能，它允许用户通过在网页上拖动滑块来实时调整图片的颜色过滤效果，从而创造出独特的视觉体验。 Covering-Bad插件是这个...
jqurey 插件-很好的树和tab效果
12-21
这里提到的"jqurey 插件-很好的树和tab效果"是针对jQuery的一些特定插件，旨在增强网站的用户体验，提供美观且功能丰富的树形视图和选项卡组件。 1. **simpleTree**：这是一个jQuery插件，用于创建可折叠的树状结构...
imgAreaSelect客户端图片选择工具说明
08-13
jquery imgAreaSelect，一个客户端图片选择的工具，当然这个工具需要后台支持，不过用着挺好的，苦于看英语太累，于是就翻译了一下，我的英语水平不是一般的有限， 错误之处在所难免。下载的时候请小心。
jQuery插件imgAreaSelect基础讲解
10-19
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等。下面通过本文给大家介绍jQuery插件imgAreaSelect基础讲解，需要的的朋友参考下吧
imgareaselect属性
穆德
07-07 146
1:简介 ImgAreaSelect是一个jQuery插件，让用户选择使用一个简单而直观的点击和拖动的界面形象的矩形区域。该插件可用于在Web应用程序轻松实现图像裁剪功能，以及其他功能，如照片标记，图像编辑功能等。 2:基本用法 该插件调用imgAreaSelect（）方法，它表示一个jQuery对象调用元素： [code="javascript"] $(docume...
jQuery插件imgAreaSelect（图片 区域选择显示）
热门推荐
motian06的专栏
09-27 1万+
插件imgAreaSelect 作用是图片区域选择显示 先上图片 再上代码   div.preview_div{overflow:hidden;margin:auto;} div.p_photo_l{width:202px;height:152px;} div.p_photo_m{width:52px;height:52p
imgareaselect.js php,php+js图片上传、裁剪、预览、提交的简单示例
weixin_31080131的博客
03-25 127
这篇文章主要为大家详细介绍了php+js图片上传、裁剪、预览、提交的简单示例，具有一定的参考价值，可以用来参考一下。感兴趣的小伙伴，下面一起跟随512笔记的小玲来看看吧！首先用到的语言是php、插件imgareaselect(下载地址)，没有太多花哨的样式，index.php代码如下：代码如下:function preview(img, selection) {$('#selectbanner')...
imgareaselect jquery.imgareaselect.js 页面图片插件
youni808的专栏
05-06 734
使用imgareaselect这个插件： 调用方式: $(document).ready(function () { $('img#photo').imgAreaSelect({ handles: true, onSelectEnd: someFunction });}); 如果 jQuery 对象中有多个元素，将为所有元素启用该插件。imgAreaS
imgareaselect - 图像区域选择插件
最新发布
gitblog_00091的博客
03-15 430
imgareaselect - 图像区域选择插件 imgareaselect 是一个简单的 jQuery 插件，用于在网页上添加图像区域选择功能。它允许用户在图像上拖动矩形或椭圆框选区域，并可以获取到选定区域的坐标和尺寸信息。 项目概述 imgareaselect 是一个轻量级且易于使用的 JavaScript 库，可以帮助开发者在网页中实现图片区域选择功能。该插件与 jQuery 框架紧密集成，...
使用imgareaselect 辅助后台进行图片裁剪
hzf1993的专栏
03-01 2336
因为项目当中用到图片裁剪，本来可以不用到投胎进行裁剪的，但是要兼容万恶的IE浏览器，所以不得不使用后台进行裁剪。 这次使用到imgareaselect 插件获取需要裁剪区域的坐标，再由后台进行裁剪操作。先上个效果图再说 但是这里有一个坑就是上传的图片过大，可能会造成裁剪的区域跟插件中显示的不一样，所以得现在后台对云图片进行压缩在裁剪 /** * 等比例压缩算法： * 算法思想：
使用jquery的imgareaselect插件进行截图
xiaoye的博客
01-18 3689
        最近开发的项目中，有需要对上传的图片进行二次截图，然后再上传的功能，本人使用的是jquery的imgareaselect插件进行的截图。         在详细介绍如何使用之前，先讲一下进行截图的思路：先将本地的图片上传至资源服务器，然后将资源服务器上的图片下载至项目中，对下载的图片进行切割，将切割好的图片上传至资源服务器并删除下载到项目中的原图。其实可以直接将本地的图片下载到项...
jQuery Validation插件实战：全面表单验证与自定义规则
jQuery Validation 是一款强大的前端表单验证插件，它能够极大地简化网页开发者在实现用户输入验证时的工作。该插件适用于常见的表单验证需求，例如电子邮件、电话号码、网址等，同时也支持Ajax验证，确保数据的准确...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值