1Introduction
- description:画布内容工具函数
- author:ydr.me
- create:2016年08月20日10:46:33
- update:2016年08月20日10:46:33
- github:https://github.com/blearjs/blear.utils.canvas-content
2Example
var canvasContent = require('blear.utils.canvas-content');
3Static
3.1.toBase64(canvasEl, options): base64String
将画布内容转换为 base64。
3.1.1canvasEl
- 类型:
HTMLCanvasElement
- 说明:画布节点
3.1.2options
- 类型:
Object
- 说明:配置
3.1.2.1options.type
- 类型:
String
- 说明:文件类型,支持的有
image/jpg
、image/png
- 默认:
image/png
3.1.2.2options.quality
- 类型:
Number
- 说明:质量比例
- 默认:
1
3.1.3base64String
- 类型:
String
- 说明:base64 字符串
3.2.toBlob(canvasEl, options, callback(blob)): undefined
将画布内容转换为 blob(binary large object),这是一个异步过程。
3.2.1canvasEl
- 类型:
HTMLCanvasElement
- 说明:画布节点
3.2.2options
- 类型:
Object
- 说明:配置
3.2.2.1options.type
- 类型:
String
- 说明:文件类型,支持的有
image/jpg
、image/png
- 默认:
image/png
3.2.2.2options.quality
- 类型:
Number
- 说明:质量比例
- 默认:
1
3.2.3callback
3.2.3.1callback: this
- 类型:
this
- 说明:指向
canvasEl
3.2.3.2callback: blob
- 类型:
Blob
- 说明:转换后的 blob
3.3.saveAs(canvasEl, name, [options]): undefined
将画布内容保存为本地文件。
3.3.1canvasEl
- 类型:
HTMLCanvasElement
- 说明:画布节点
3.3.2name
- 类型:
String
- 说明:待保存的文件名
3.3.3options
- 类型:
Object
- 说明:配置
3.3.3.1options.type
- 类型:
String
- 说明:文件类型,支持的有
image/jpg
、image/png
- 默认:
image/png
3.3.3.2options.quality
- 类型:
Number
- 说明:质量比例
- 默认:
1
3.4.supportToBlob: supportToBlob
是否支持将画布内容转换为 blob。
canvasContent.supportToBlob;
// => true or false
3.4.1supportToBlob
- 类型:
Boolean
- 说明:判断当前浏览器是否支持 Blob