给你点代码
//画面上隐藏的canvas
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.onload = start;
img.src = "真实图片的路径";
function start() {
//要截取的图片的大小，这个是你动态算出来的，下面写的是固定值
canvas.width = 100;
canvas.height = 100;
ctx.drawImage(img, 125, 10, 100, 100, 0, 0, canvas.width, canvas.height);
//这是把分割好的图片放在另一个img元素里面了，可以点击下载
var img1 = new Image();
img1.onload = function () {
document.body.appendChild(img1);
}
img1.src = canvas.toDataURL();
}
2014年11月05日 14:41
添加评论
关注(1)
相关推荐
在网页开发中，图片截取功能常常用于用户上传图片并裁剪为特定尺寸，以便适应网站的布局或者作为头像等用途。基于jQuery的图片截取工具就是为了解决这个问题而设计的，它允许开发者轻松地集成到项目中，提供用户友好...
在JavaScript中实现图片截取功能是一项实用且技术性较强的任务，尤其在网页应用中，如制作网站头像等个性化设置。这项技术的核心是利用HTML5的一些特性，如Canvas元素和JavaScript库来完成。以下我们将详细探讨如何...
"上传图片截取JS"这个标题所指的，就是利用JavaScript（简称JS）技术实现图片上传和图片裁剪的功能。这是一种前端技术，它允许用户在客户端对图片进行预处理，然后将处理后的图片发送到服务器。 在描述中提到的“将...
《图片截取控件在Objective-C中的实现与应用》 在移动应用开发中，图片处理是一项常见的需求，其中图片截取功能尤为重要。本篇将详细探讨一个基于Objective-C的图片截取控件——MLImageCrop，它允许用户自定义截取...
在.NET框架中，图片截取是一项常见的任务，特别是在开发网页应用或者桌面应用时，用户可能需要根据需求裁剪或截取图像的特定区域。这里我们关注的是一个基于JavaScript的解决方案，它允许用户自定义截取区域的大小，...
对于图片截取，我们可以利用Canvas的drawImage方法将图片加载到画布上，然后通过getContext('2d')获取2D渲染上下文，进一步使用strokeRect或fillRect等方法划定截取区域。最后，使用toDataURL方法将截取部分转换为...
在IT行业中，jQuery图片截取是一项常见的前端技术，主要用于用户交互式地选择并截取图片的特定区域。这个"jquery图片截取DEMO"提供了一个实际应用的例子，帮助开发者理解和实现这一功能。以下是对这个DEMO相关的知识...
本篇文章将详细讨论如何通过jQuery插件实现图片截取、图片服务器的构建以及跨域上传等关键技术。 首先，我们来关注“图片截取”。在前端开发中，jQuery库提供了丰富的插件来帮助开发者实现各种功能，其中包括图片...
在IT行业中，图片截取和屏幕捕获是常见的任务，特别是在软件开发、设计、测试以及日常的交流中。"图片截取DEMO"这个项目显然专注于实现这一功能，让我们深入探讨一下相关知识点。 首先，我们要了解什么是图片截取。...
在IT行业中，"上传图片截取"是一种常见的功能，它允许用户在上传图片时选择并裁剪出所需的部分，以适应特定的尺寸要求。这种功能广泛应用于网站的会员头像设置、社交媒体分享、在线设计工具等多种场景。接下来，我们...
在IT行业中，图片截取和处理是常见的任务，尤其在网站和应用开发中，如CSDN这样的技术社区。这个标题“图片截取源码，功能和csdn中上传图像时完全相同”指的是一个源码实现，它复现了CSDN网站在用户上传图片时的截图...
这一过程通常涉及到图像操作，而JavaScript提供了一些库，如Cropper.js、jQuery UI中的Resizable和Draggable等，可以帮助我们实现自定义的图片截取功能。例如，用户可以通过鼠标在图片上拖动一个可调整大小的选框来...
图片截取功能通常是通过JavaScript库实现的，而`jquery-image-cut`是一个基于jQuery的插件，它提供了方便的图片剪裁工具，适用于PC和移动设备。jQuery是一个广泛使用的JavaScript库，简化了DOM操作、事件处理和Ajax...
标题 "Delphi 10.2 图片截取生成头像图片" 描述了一个使用 Delphi 10.2 开发的程序，该程序能够帮助用户从一张图片中选取特定区域，作为头像使用。这个应用程序包含了一些关键功能，如拖拽截取、放大缩小截取区域，...
本话题主要探讨如何利用这三者实现一个图片截取和放大的功能，这种效果常见于许多网站，尤其是那些需要展示详细图像信息的平台。下面将详细阐述它们在实现这一功能时各自的作用和相关技术点。 首先，HTML...
该工具类用于java代码对图片的截取，按照上下左右边距的百分比截取，然后返回被截取之后图片信息的byte数组，用户可以将byte数组，用fileoutputStream保存在指定的目录
在IT行业中，图片截取是一项常见的任务，尤其在移动应用开发中，用户经常需要从图库选择图片或直接拍照，并进行裁剪以满足特定需求。本篇将详细讲解"图片截取最新demo"中的关键知识点，包括图片选取、内存管理、...
本篇文章将详细讲解如何利用jQuery实现图片截取和预览功能，这对于网页上的图像处理非常实用，特别是对于需要用户上传图片并进行裁剪的应用。 首先，实现图片截取功能通常需要借助HTML5的Canvas元素。Canvas提供了...
在IT行业中，jQuery上传图片截取是一个常见的需求，特别是在用户需要自定义上传图像的特定区域时，例如设置头像或选择产品图片的部分区域。这里我们将深入探讨如何实现这个功能，以及涉及的关键技术。 首先，jQuery...
在Android应用开发中，"Android-模仿微信拾取图片图片截取拍照获取图片"是一个常见的需求，主要用于实现用户在应用内选择、截图或拍摄图片的功能。这个标题涉及到的知识点主要包含以下几个方面： 1. **多媒体文件...