feat: BitmapShader

Author: farfromrefug

src/canvas.android.ts

@@ -445,6 +445,31 @@ export class LinearGradient {
     }
 }
 
+export class BitmapShader {
+    _native: android.graphics.BitmapShader;
+    getNative() {
+        return this._native;
+    }
+    constructor(bitmap: any, tileX: any, tileY: any) {
+        if (bitmap instanceof ImageSource) {
+            bitmap = bitmap.android;
+        }
+        this._native = new android.graphics.BitmapShader(bitmap, tileX, tileY);
+        return new Proxy(this, this);
+    }
+    get(target, name, receiver) {
+        const native = this._native;
+        if (native[name]) {
+            return function (...args) {
+                const methodName = name;
+                return native[methodName](...args);
+            };
+        } else {
+            return Reflect.get(target, name, receiver);
+        }
+    }
+}
+
 export class StaticLayout {
     _native: android.text.StaticLayout;
     getNative() {

src/canvas.d.ts

@@ -88,7 +88,7 @@ export class Paint {
 // }
 export class StaticLayout extends android.text.StaticLayout {
     constructor(text: any, paint: Paint, width: number, align, spacingmult, spacingadd, includepad);
-    public draw(canvas: Canvas): void;
+    public draw(canvas: any, param1?: Path, param2?: Paint, param3: number): void;
 }
 
 export class FontMetrics {
@@ -235,6 +235,7 @@ export class RectF {
 }
 export class RadialGradient extends android.graphics.RadialGradient {}
 export class LinearGradient extends android.graphics.LinearGradient {}
+export class BitmapShader extends android.graphics.BitmapShader {}
 export class TileMode extends android.graphics.Shader.TileMode {}
 export class Path {
     computeBounds(rect: RectF, exact: boolean);

src/canvas.ios.ts

@@ -1185,6 +1185,25 @@ export class Paint implements IPaint {
             CGContextDrawRadialGradient(ctx, g.gradient, CGPointMake(g.centerX, g.centerY), 0, CGPointMake(g.centerX, g.centerY), g.radius, options);
             CGContextRestoreGState(ctx);
             // CGContextAddPath(ctx, path);
+        } else if (this.shader instanceof BitmapShader) {
+            const color = UIColor.clearColor;
+            CGContextSetFillColorWithColor(ctx, color.CGColor);
+            CGContextSetStrokeColorWithColor(ctx, color.CGColor);
+            const g = this.shader;
+            const source: UIImage = g.image;
+
+            const w = source.size.width;
+            const h = source.size.height;
+            const rect = CGRectMake(0, 0, w, h);
+
+            // draw original image
+            CGContextSaveGState(ctx);
+            CGContextClip(ctx);
+            CGContextTranslateCTM(ctx, 0, source.size.height);
+            CGContextScaleCTM(ctx, 1.0, -1.0);
+            CGContextDrawImage(ctx, rect, source.CGImage);
+            CGContextRestoreGState(ctx);
+            // CGContextAddPath(ctx, path);
         }
     }
     _textAttribs: NSMutableDictionary<any, any>;
@@ -1780,7 +1799,14 @@ export class Canvas implements ICanvas {
         }
 
         if (path && paint.shader) {
-            CGContextAddPath(ctx, path);
+            if (paint.style === Style.STROKE) {
+                const cgStrokedPath = CGPathCreateCopyByStrokingPath(path, null,
+                    paint.strokeWidth, paint.strokeCap as any, paint.strokeJoin as any, 0);
+                CGContextAddPath(ctx, cgStrokedPath);
+            } else {
+                CGContextAddPath(ctx, path);
+
+            }
             paint.drawShader(ctx);
         } else {
             if (bPath) {
@@ -2134,6 +2160,17 @@ export class RadialGradient {
         }
     }
 }
+export class BitmapShader {
+    constructor(public bitmap: any, public tileX: any, public tileY: any) {}
+    get image() {
+        if (this.bitmap instanceof ImageSource) {
+            return this.bitmap.ios;
+        }
+        return this.bitmap;
+    }
+    release() {
+    }
+}
 export class PorterDuffXfermode {
     constructor(public mode?: number) {}
 }