@leafer/image 1.0.0-beta.2 → 1.0.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/image",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.5",
   "description": "@leafer/image",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -19,6 +19,6 @@
     "leaferjs"
   ],
   "devDependencies": {
-    "@leafer/interface": "1.0.0-beta.2"
+    "@leafer/interface": "1.0.0-beta.5"
   }
 }

package/src/ImageManager.ts

@@ -1,5 +1,6 @@
-import { ILeafer, ILeaferCanvasConfig, IImageManager, ILeaferImageConfig, ILeaferImage } from '@leafer/interface'
+import { ILeafer, ILeaferCanvasConfig, IImageManager, ILeaferImageConfig, ILeaferImage, ITaskProcessor, IFunction } from '@leafer/interface'
 import { Creator } from '@leafer/platform'
+import { TaskProcessor } from '@leafer/task'
 
 
 interface ILeaferImageMap {
@@ -11,10 +12,13 @@ export class ImageManager implements IImageManager {
 
     public leafer: ILeafer
 
+    public tasker: ITaskProcessor
+
     public map: ILeaferImageMap = {}
 
     constructor(leafer: ILeafer, _config: ILeaferCanvasConfig) {
         this.leafer = leafer
+        this.tasker = new TaskProcessor()
     }
 
     public get(config: ILeaferImageConfig): ILeaferImage {
@@ -26,6 +30,11 @@ export class ImageManager implements IImageManager {
         return image
     }
 
+    public load(image: ILeaferImage, onSuccess: IFunction, onError: IFunction): void {
+        this.tasker.add(async () => await image.load(onSuccess, onError))
+        if (!this.tasker.running) this.tasker.start()
+    }
+
     public destory(): void {
         this.leafer = null
         this.map = null

package/src/LeaferImageBase.ts

@@ -0,0 +1,47 @@
+import { ILeaferImage, ILeaferImageConfig, IFunction, IObject } from '@leafer/interface'
+import { Platform } from '@leafer/platform'
+
+
+export class LeaferImageBase implements ILeaferImage {
+
+    public view: any
+
+    public width: number
+    public height: number
+
+    public ready: boolean
+
+    public options: ILeaferImageConfig
+
+    constructor(_options: ILeaferImageConfig) {
+        this.options = _options
+    }
+
+    public async load(onSuccess: IFunction, onError: IFunction): Promise<void> {
+        return Platform.origin.loadImage(this.options.url).then((img) => {
+            this.ready = true
+            this.width = img.naturalWidth || img.width
+            this.height = img.naturalHeight || img.height
+            this.view = img
+            if (onSuccess) onSuccess(this)
+        }).catch((e) => {
+            if (onError) onError(e)
+        })
+    }
+
+    public getCanvas(width: number, height: number, opacity?: number, _filters?: IObject): any {
+        width || (width = this.width)
+        height || (height = this.height)
+        const canvas = Platform.origin.createCanvas(width, height)
+        const ctx = canvas.getContext('2d')
+        if (opacity) ctx.globalAlpha = opacity
+        ctx.drawImage(this.view, 0, 0, width, height)
+        return canvas
+    }
+
+    public destory(): void {
+        this.view = null
+        this.options = null
+    }
+
+}

package/src/index.ts

@@ -1,2 +1,2 @@
-export { ImageManager } from './ImageManager'
-
+export { LeaferImageBase } from './LeaferImageBase'
+export { ImageManager } from './ImageManager'