1. 阿里云>
  2. 云栖社区>
  3. 主题地图>
  4. T>
  5. todataurl api

当前主题:todataurl api

通过Canvas及File API缩放并上传图片

原文地址:Resize an Image Using Canvas, Drag and Drop and the File API  示例地址:Canvas Resize Demo  原文作者:Dr. Tom Trenka 原文日期: 2013年8月6日 翻

阅读全文

通过Canvas及File API缩放并上传图片完整示例

创建一个只管的用户界面,并允许你控制图片的大小。上传到服务器端的数据,并不需要处理enctype为 multi-part/form-data 的情况,仅仅一个简单的POST表单处理程序就可以了. 好了,下面附上完整的代码示例 Canvas简介  canvas

阅读全文

HTML5 Canvas API详解

HTML5 是一个新兴标准,它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性,它们都支持现行的 HTML 4.01 版本规范。它还引入了几个新元素和属性,它们

阅读全文

浏览器中的拖放API

1. 概述 新式浏览器中提供了一套处理拖放( Drag and Drop)行为的机制,主要是通过事件触发来响应行为,相应的数据则在事件对象中传递。使用这套机制,可以很容易地实现节点间的拖放行为定义,以及,浏览与系统中的其它应用程序的交互(比如文件的拖放)。 简

阅读全文

html2canvas截取页面

1.下载html2canvas.js 2.引入 3.修改html2canvas支持远程图片处理 function ImageContainer(src, cors) { this.src = src; this.image = new Image(); var

阅读全文

阿里云Aliplayer高级功能介绍(一):视频截图

基本介绍 H5 Video是不提供截图的API的, 视频截图需要借助Canvas,通过Canvas提供的drawImage方法,把Video的当前画面渲染到画布上, 最终通过toDataURL方法可以导出图片的base64编码,基本就完成了图片截图的功能。 功

阅读全文

咦,用浏览器做人脸检测,竟然这么简单?

Shape Detection API 的发布已经有一些时日,其主要提供的能力是给予前端直接可用的特征检测接口(包括条形码、人脸、文本检测)。本文将简单对其进行介绍,对前端进行人脸检测进行普适性的讲解。 1 背景与场景 人脸检测(Face Detection

阅读全文

用浏览器做人脸检测,竟然这么简单?(附代码)

1.背景与场景 人脸检测(Face Detection)算是老生常谈的课题了,在诸多行业应用广泛,例如金融、安防、电子商务、智能手机、娱乐图片等行业。其中涉及的技术也在不断的演变,下面简要介绍几种思路: 基于特征的人脸检测 例如opencv中内置了基于Viol

阅读全文