修复两点bug,替换一个api

Author: bjningbo

README.md

@@ -20,7 +20,7 @@ import CreatePicture from 'create-picture';
 const cp = new CreatePicture();
 
 // 绘制图片，参数1为图片路径，其他参数与 CanvasRenderingContext2D.drawImage() 参数相同
-cp.drawPicture(require('../assets/save_bg.jpg'),0,0);
+cp.drawImage(require('../assets/save_bg.jpg'),0,0);
 
 // 绘制文本
 cp.drawText({content:'文本'});
@@ -34,8 +34,8 @@ cp.getPicture().then((picture)=>{
 ## 方法
 
 - `new CreatePicture();` - 初始化，可接受一个对象参数
-- `drawPicture()` - 绘制图片，第一个参数为图片路径，其他参数与 [CanvasRenderingContext2D.drawImage()](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage) 参数相同
-- `drawCirclePicture()` - 绘制头像等圆形图片，与 `drawPicture` 参数相同
+- `drawImage()` - 绘制图片，第一个参数为图片路径，其他参数与 [CanvasRenderingContext2D.drawImage()](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage) 参数相同
+- `drawCirclePicture()` - 绘制头像等圆形图片，与 `drawImage` 参数相同
 - `drawText()` - 绘制文本，返回文字宽度（可选）
 - `getPicture().then((picture)=>{});` - 最终合成的图片
 
@@ -46,7 +46,7 @@ cp.getPicture().then((picture)=>{
 - `width` - 画布宽度，默认值 `750`
 - `height` - 画布高度，默认值 `1448`
 
-### drawPicture() 可选参数
+### drawImage() 可选参数
 
 - 第一个参数为图片路径
 - 其他参数与 [CanvasRenderingContext2D.drawImage()](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage) 参数相同
@@ -104,7 +104,7 @@ const cp:CreatePicture = new CreatePicture();
 const cp:CreatePicture = new CreatePicture({width:750,height:1448});
 
 // 绘制图片，参数1为图片路径，其他参数与 CanvasRenderingContext2D.drawImage() 参数相同
-cp.drawPicture(require('../assets/save_bg.jpg'),0,0);
+cp.drawImage(require('../assets/save_bg.jpg'),0,0);
 
 // 绘制文本
 cp.drawText({content:'文本'});

lib/create-picture.js

@@ -1,11 +1,11 @@
-/* 说明 V 0.2.4
+/* 说明 V 0.3.0
 * 该组件提供了 canvas 的图片绘制与文本绘制功能，使用同步的语法完成异步绘制，简化原生 canvas 绘制语法。
 * API：https://github.com/NalvyBoo/create-picture
 * npm：https://www.npmjs.com/package/create-picture
 * */
 
 let saidHello = false;
-const VERSION = '0.2.4';
+const VERSION = '0.3.0';
 const defaultProp = {
     width: 750,
     height: 1448,
@@ -28,18 +28,23 @@ const defaultFontStyle = {
 };
 export default class CreatePicture{
     constructor({...prop}={}){
-        prop = Object.assign(prop,defaultProp);
+        prop = Object.assign(defaultProp,prop);
         this.canvas = document.createElement('canvas');
         this.ctx = this.canvas.getContext('2d');
         [this.canvas.width,this.canvas.height] = [Reflect.get(prop,'width'),Reflect.get(prop,'height')];
         this.map = new Map();
         this.pictureMap = new Map();
         this.sayHello();
     }
+    // V 0.2.4 即将废弃
     drawPicture(...prop){
         this.map.set(prop,'picture');
         this.pictureMap.set(prop,prop[0]);
     }
+    drawImage(...prop){
+        this.map.set(prop,'picture');
+        this.pictureMap.set(prop,prop[0]);
+    }
     drawCirclePicture(...prop){
         this.map.set(prop,'circlePicture');
         this.pictureMap.set(prop,prop[0]);
@@ -108,13 +113,18 @@ export default class CreatePicture{
         const promiseArr = [];
         assetsArr.forEach((item,index)=>{
             promiseArr.push(new Promise((resolve)=>{
-                const image = new Image();
-                imageArr.push(image);
-                image.onload = ()=>{
-                    resolve(imageArr)
-                };
-                image.crossOrigin = 'anonymous';
-                image.src = assetsArr[index]+'?corp';
+                if(item instanceof HTMLCanvasElement){
+                    imageArr.push(item);
+                    resolve(imageArr);
+                }else{
+                    const image = new Image();
+                    imageArr.push(image);
+                    image.onload = ()=>{
+                        resolve(imageArr)
+                    };
+                    image.crossOrigin = 'anonymous';
+                    image.src = assetsArr[index]+'?corp';
+                }
             }));
         });
         return Promise.all(promiseArr);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-picture",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "description": "该组件提供了 Canvas 的图片绘制与文本绘制功能，使用同步的语法完成异步绘制，简化原生 canvas 绘制语法。",
   "main": "lib/create-picture.js",
   "scripts": {