来源：
http://odyniec.net/projects/imgareaselect/
Quick Usage Instructions
Download the plugin, unzip it, and copy the JavaScript and CSS files to your website/application directory. Load the files in the <head> section of your HTML document.
<head>
...
<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.imgareaselect.pack.js"></script>
...
</head>
Then, to enable selection on an image, wrap it in a jQuery object and call the imgAreaSelect() method:
<script type="text/javascript">
$(document).ready(function () {
$('img#photo').imgAreaSelect({
handles: true,
onSelectEnd: someFunction
});
});
</script>
分享到：
相关推荐
本资源包“分页控件，文本编辑器，图片预览,时间控件”集合了四个关键的前端功能模块，分别是分页控件、文本编辑器、图片预览以及时间控件，这些都是构建现代Web应用时常见的交互元素。 首先，分页控件在数据量庞大...
### tinyMCE本地图片预览实现详解 #### 一、简介 tinyMCE是一款非常流行的开源富文本编辑器，广泛应用于各种网站和应用程序中。它提供了丰富的文本编辑功能，包括但不限于格式化文本、插入图像、链接等。在某些...
本文将详细介绍一款名为“图片预览查看工具”的软件，它专为Windows用户设计，提供了一系列实用的功能，帮助用户高效地管理和编辑图片。 首先，这款工具的核心功能是对jpg、gif、png等常见图片格式的支持。它不仅...
在React开发领域，图片预览和查看功能是常见的需求，特别是在构建富交互式的Web应用时。这个名为"react-这是一个用于做图片预览或者图片查看得react插件"的项目，正是为了解决这一问题而设计的。它提供了一种方便、...
在IT领域，图片预览和相册预览是用户界面设计中的重要组成部分，尤其是在移动设备和桌面应用中。这些功能使用户能够快速查看和管理大量的图像文件，无需打开每个文件进行详细检查。以下是对这个主题的详细阐述： 一...
在前端开发中，"input file上传图片预览"是一个常见的需求，它允许用户选择本地的图像文件，并在上传前提供预览。这个功能在许多网站和应用中都很实用，例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...
本话题涉及的是一个基于C#实现的图片预览插件源码，它具有类似QQ图片预览的功能。这个插件允许用户对图片进行放大、缩小操作，并且在缩放过程中能保持图像的比例，提供良好的用户体验。 首先，我们来详细了解一下...
在Asp.Net开发中，图片预览功能是一个常见的需求，特别是在用户上传图片后需要即时查看效果的场景。本文将深入探讨如何实现一个跨浏览器的图片预览系统，以支持包括Internet Explorer（IE）、Google Chrome、Firefox...
在React开发中，创建一个功能丰富的图片预览组件是常见的需求，特别是在图像编辑或查看的应用中。本项目基于Viewer.js库实现了一个React组件，提供了图片的旋转、缩放和缩放等高级操作，大大增强了用户体验。 ...
【标题】：Eclipse图片预览插件安装与使用指南 【描述】：Eclipse作为一个强大的集成开发环境（IDE），虽然在默认配置下提供了一系列的编程工具，但在处理图像资源时，它并未内置图片预览功能。为了方便开发者在...
图片预览编辑 可拖拽列表 文件上传 数字渐变 split-pane 表单编辑 文章发布 工作流 表格 可拖拽排序 可编辑表格 行内编辑 单元格编辑 可搜索表格 表格导出数据 导出为Csv文件 导出为Xls文件 表格转...
此项目可能包含图片预览和裁剪功能，用户可以在预览中自由调整图片大小和角度，然后裁剪成所需尺寸。 6. 示例项目三：图片编辑与滤镜 提供多种编辑功能，如色彩调整、添加滤镜，用户可以自定义图片的视觉效果。 ...
### js图片预览技术解析与实现 #### 技术背景 在Web开发中，实现用户上传图片时的即时预览功能是一项重要的用户体验优化措施。它不仅增强了网站的交互性，还提高了用户操作的直观性和效率。传统的图片上传往往在...
- 图片预览编辑 - 可拖拽列表 - 文件上传 - 数字渐变 - split-pane - 表单编辑 - 文章发布 - 工作流 - 表格 - 可拖拽排序 - 可编辑表格 - 行内编辑 - 单元格编辑 - 可搜索表格 - 表格导出数据 - 导出...
"带图片预览的文件对话框"是一个这样的功能，它在用户浏览和选择文件时提供了一种直观且便捷的方式。这种设计常见于各种操作系统和应用程序中，如Windows资源管理器、Adobe Photoshop等。它允许用户在打开、保存或...
在iOS开发中，图片预览和缩放是常见的功能需求，尤其在展示大量图片或进行图像编辑时。本文将深入探讨如何使用ScrollView实现这一功能，包括图片预览、缩放、单击和双击事件的处理。 首先，ScrollView是苹果提供的...
在IT领域，图片预览是一项常见且实用的功能，特别是在文件管理、图像处理或者桌面应用中。本项目"**C#实现图片个性化预览**"旨在创建一个能够以小图标的形式预览文件夹下图片，并支持用户点击后进行单独浏览的应用...
- 当`<input type="file">`元素发生`change`事件时，调用`previewImage`函数进行图片预览。 5. **兼容性处理：** 为了确保代码在不同浏览器中的兼容性，本例提供了两种实现方式： - **对于现代浏览器**：使用...
首先，BMP图片预览涉及到文件读取和图像渲染。在Windows操作系统中，可以使用GDI+（Graphics Device Interface Plus）库来实现这一功能。GDI+提供了丰富的图形绘制函数，能够帮助开发者解析BMP文件的头信息，读取...
图片预览编辑 可拖拽列表 文件上传 数字渐变 拆分窗格 表单编辑 文章发布 工作流 表格 可拖拽排序 可编辑表格 行内编辑 单元格编辑 可搜索表格 表格导出数据 导出为的CSV文件 导出为Xls变压器文件 表格转图片 错误...