1Introduction
- description：画布图片工具函数
- author：ydr.me
- create：2016年08月20日10:21:42
- update：2018年06月28日19:27:22
- github：
https://github.com/blearjs/blear.utils.canvas-img
2Example
var canvasImg = require('blear.utils.canvas-img');
3Static
3.1.draw(canvasEl, imgEl, options): undefined
将 img 节点内容绘制到画布上，常用于图片裁剪前准备。
3.1.1canvasEl
- 类型：
HTMLCanvasElement
3.1.2imgEl
- 类型：
HTMLImageElement
3.1.3options
- 类型：
Object - 说明：绘制参数
3.1.4options.scrLeft
- 类型：
Number - 说明：原始图像的左位移
3.1.5options.scrTop
- 类型：
Number - 说明：原始图像的上位移
3.1.6options.scrWidth
- 类型：
Number - 说明：原始图像的宽度
- 默认：img 节点的宽度
3.1.7options.scrHeight
- 类型：
Number - 说明：原始图像的高度
- 默认：img 节点的高度
3.1.8options.drawLeft
- 类型：
Number - 说明：绘制的左位移点
- 默认：
0
3.1.9options.drawTop
- 类型：
Number - 说明：绘制的左位移点
- 默认：
0
3.1.10options.drawWidth
- 类型：
Number - 说明：绘制宽度
- 默认：等于
srcWidth，即 1:1 宽度绘制
3.1.11options.drawHeight
- 类型：
Number - 说明：绘制高度
- 默认：等于
srcHeight，即 1:1 高度绘制
3.2.orientate(canvasEl, angle, [unResize=false]): undefined
旋转定向，只支持 0°、90°、180°、270°
3.2.1canvasEl
- 类型：
HTMLCanvasElement - 说明：canvas 画布
3.2.2angle
- 类型：
number - 说明：角度，只支持 0°、90°、180°、270°，如果是负值会自动修正
3.2.3unResize
- 类型：
boolean - 说明：是否不修正尺寸
- 默认：
false
3.3.flip(canvasEl, [vertical=false]): undefined
翻转。
3.3.1canvasEl
- 类型：
HTMLCanvasElement - 说明：canvas 画布
3.3.2vertical
- 类型：
boolean - 说明：是否垂直方向翻转
- 默认：
false