HTMLImageElement
这些是由Image()函数构造出来的，或者任何的<img>元素
HTMLVideoElement
用一个HTML的 <video>元素作为你的源，可以从视频中抓取当前帧作为一个图像
HTMLCanvasElement
可以使用另一个 <canvas> 元素作为你的源。
ImageBitmap
这是一个高性能的位图，可以低延迟地绘制，它可以从上述的所有源以及其它几种源中生成。
这些源统一由 CanvasImageSource类型来引用。
有几种方式可以获取到我们需要在canvas上使用的
drawImage(image, x, y)
其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标。
drawImage(image, x, y, width, height)
这个方法多了2个参数：width 和 height，这两个参数用来控制 当向canvas画入时应该缩放的大小
drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
第一个参数和其它的是相同的，都是一个图像或者另一个 canvas 的引用。其它8个参数最好是参照右边的图解，前4个是定义图像源的切片位置和大小，后4个则是定义切片的目标显示位置和大小。
解释：
1、首先创建一个Bitmap，并指定大小；
2、在该上创建一个新的画布Canvas，然后在画布上绘制，并保存即可；
3、需要保存的目录File，注意如果写的目录如“/sdcard/akai/”如果不存在的话，要先创建（filemkdirs())，否则FileOutputStream会报错No found；
4、需要添加权限：<uses-permission android:name="androidpermissionWRITE_EXTERNAL_STORAGE"/>
什么是画布呢 其实通过字面意思的理解就是用来绘画的地方，那么android里的画布是神马样子的呢？
在自定义画布中常用到下面3个类
Canvas
这些绘图方法中的每一个都需要指定一个Paint对象来渲染它
Paint
Paint也称为"刷子"，Paint可以指定如何将基本图形绘制到位图上。
Paint类相当于一个笔刷和调色板。它可以选择如何使用上面描述的draw方法来渲染绘 制在画布上的基本图形。通过修改Paint对象，可以在绘图的时候控制颜色、样式、字体和特殊效果。最简单地，setColor可以让你选择一个Paint的颜色，而Paint对象的样式(使用setStyle控制)则可以决定是绘制绘图对象的轮廓(STROKE)，还是只填充每一部 分(FILL)，或者是两者都做(STROKE_AND_FILL)除了这些简单的控制之外，Paint类还支持透明度，另外，它也可以通过使用各种各样的阴影、过滤器和效果进行修改，从而提供由更丰富的、复杂的画笔和颜料组成的调色板。
从继承View类（或其子类）开始，并定义onDraw()回调方法。系统会调用该方法来完 成View对象自己的绘制请求。这也是通过Canvas对象来执行所有的图形绘制调用的地方，这个Canvas对象是由onDraw()回调方法传入的。
Android框架只在必要的时候才会调用onDraw()方法，每次请求应用程序准备完成图形 绘制任务时，必须通过调用invalidate()方法让该View对象失效。这表明可以在该View 对象上进行图形绘制处理了，然后Android系统会调用该View对象的onDraw()方（尽 管不保证该回调方法会立即被调用）。
在定制的View组件的onDraw()方法内部，使用给定的Canvas对象来完成所有的图形绘制处理（如Canvasdraw…（）方法或把该Canvas对象作为参数传递给其他类的draw() 方法）。一旦onDraw()方法被执行完成，Android框架就会使用这个Canvas对象来绘制一个有系统处理的Bitmap对象。
下面是Paint一些常用方法：
Bitmap
Bitmap绘图的表面也称位图（这里详细说哈位图的功能）。
从资源中获取位图：
通过Resource的函数：InputStream openRawResource(int id)获取得到资源文件的数据流后，可以通过2种方式获得bitmap
使用BitmapDrawable ：
使用BitmapDrawable(InputStream is)构造一个BitmapDrawable；
使用BitmapDrawable类的getBitmap()获取得到位图；
使用BitmapFactory使用BitmapFactory类decodeStream(InputStream is)解码位 图资源，获取位图BitmapFactory的所有函数都是static，这个辅助类可以通过资 源ID、路径、文件、数据流等方式来获取位图。
获取位图的信息
一般获取位图信息包括：位图大小、透明度、颜色格式等等，这些信息呢可以通过 三-一方法获取得到Bitmap就迎刃而解了，Android SDK中对Bitmap有详细说明，大家可以去详细了解哈。
显示位图
显示位图需要使用核心类Canvas，可以直接通过Canvas类的drawBirmap()显示位图，或者借助于BitmapDrawable来将Bitmap绘制到Canvas，下面的实例中会详细列举到
位图的缩放
位图的缩放，在Android SDK中提供了2种方法：
1：将一个位图按照需求重画一遍，画后的位图就是我们需要的了，与位图的显示几乎 一样：
drawBitmap(Bitmap bitmap, Rect src, Rectdst, Paint paint)
2：在原有位图的基础上，缩放原位图，创建一个新的位图：
createBitmap(Bitmap source, int x, int y,int width, int height, Matrix m, boolean filter)
位图旋转
位图的旋转，离不开Matrix。Android SDK提供了Matrix类，可以通过各种接口来设置 矩阵
android 处理工具
截取视频帧并转化为Bitmap
1保存和恢复绘图状态：在绘制图形时，难免会重复使用某个样式，甚至有时会在不同颜色之间来回切换。
那么为了减少代码冗余，我们可以调用画布中的save()方法，来帮我们
保存一些样式和属性，这样我们就可以再通过调用restore() 方法，来再次使用这些我们曾保存好的样式和属性了！
下面看下具体代码：
<!DOCTYPE html>
<html xmlns=">首先你得搞明白为什么需要Base64这个东西，Base64的主要应用场景就是把二进制（Binary）的内容通过一个映射转换到可以用ASCII字符表达的字符串，然后便于使用>
canvas画布保存为：
var image = new Image();
imagesrc = canvastoDataURL("image/png");
return image;
canvas参数为你的canvas对象，返回一个对象，你可以将这个image放到网页结构中，如果要保存图像，可以将canvastoDataURL("image/png")返回的base64格式的数据放到input（type=hidden）中，用户点击上传按钮（或设置表单自动提交），将base64格式的数据上传
形如：
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABbSURBVDhPY8AFMvJL/oMwlEs8yMgvJVcjyMbSYaERogCC0/OAGIkPwaVQMUhgQWiggWANIAzUhKoBpgjdMIhBUHsxAdxkUgHMBiiXeDAQNkICAsolHuC3kYEBAG/wdxC2W2tUAAAAAElFTkSuQmCC
服务器端接收到字符串（以上字符串可以直接在浏览器中打开，IE低版本就算了，能用canvas的浏览器都可以）后根据data:image/png得知应该保存的文件类型扩展名（png），然后将base64,后面的base64编码字符串解码(后端语言实现，如PHP用base64_decode()函数)，将解码后的二进制数据以二进制的形式保存到服务器上（形式）
如果存数据库，可以直接存base64编码，读取时候解码也行，建议以文件形式存储，数据库不适合存大文件
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）