@predy-js/render-interface 0.1.75-beta.3 → 0.1.75-beta.4

package/dist/statistic.js

@@ -2,7 +2,7 @@
  * Name: @predy-js/render-interface
  * Description: undefined
  * Author: undefined
- * Version: v0.1.75-beta.3
+ * Version: v0.1.75-beta.4
  */
 
 // https://github.com/greggman/webgl-memory/blob/main/src/texture-utils.js

package/dist/types/native/PredyNativeInternal.d.ts

@@ -1,5 +1,5 @@
 import type { ImageBitmapCallback, ImageBitmapConstructor } from './ImageBitmapInternal';
-import type { TypedArray, vec2 } from '../type';
+import type { TypedArray, vec2, vec4 } from '../type';
 import type { GPUCapability } from '../GPUCapability';
 import type { StringTemplate } from '@predy-js/specification';
 export interface PredyRequestOptions {
@@ -26,20 +26,26 @@ export declare abstract class PredyNativeInternal {
     abstract requestWithCache(options: PredyRequestOptions, callback: PredyRequestCallback): void;
     /**
      * 将图片绘制到画布上，同时替换文案，绘制的顺序如下
-     * 创建 template.size尺寸的画布, 接下来的绘制均应用 template.offset
-     * 将source绘制到画布上，绘制的尺寸为template.sourceSize
-     * 将content绘制到画布上,使用variables替换文案
-     * @param source
+     * 创建template.size尺寸的画布, 接下来的绘制均应用 template.offset
+     * 将images绘制到画布上，images的尺寸由image.frame决定
+     * 将数据模板content绘制到画布上,使用variables替换文案
      * @param template
      * @param variables
      */
-    abstract renderImageTemplate(source: ImageBitmap, template: PredyResizeTemplate, variables: Record<string, string | number>): ImageBitmap;
+    abstract renderImageTemplate(template: PredyResizeTemplate, variables: Record<string, string | number>): ImageBitmap;
 }
 export interface PredyResizeTemplate {
     /**
      * 要替换的文案
      */
     content: StringTemplate;
+    /**
+       * 要绘制的图片
+       */
+    images: Array<{
+        s: ImageBitmap;
+        frame: vec4;
+    }>;
     /**
      * 画布尺寸
      */
@@ -47,9 +53,5 @@ export interface PredyResizeTemplate {
     /**
      * 画布绘制的offset 默认[0,0]
      */
-    offset: vec2;
-    /**
-     * source image绘制到画布的尺寸
-     */
-    sourceSize: vec2;
+    offset?: vec2;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@predy-js/render-interface",
-  "version": "0.1.75-beta.3",
+  "version": "0.1.75-beta.4",
   "license": "MIT",
   "module": "./dist/index.mjs",
   "main": "./dist/index.js",

package/types/native/PredyNativeInternal.ts

@@ -1,5 +1,5 @@
 import type { ImageBitmapCallback, ImageBitmapConstructor } from './ImageBitmapInternal';
-import type { TypedArray, vec2 } from '../type';
+import type { TypedArray, vec2, vec4 } from '../type';
 import type { GPUCapability } from '../GPUCapability';
 import type { StringTemplate } from '@predy-js/specification';
 export interface PredyRequestOptions {
@@ -35,20 +35,28 @@ export declare abstract class PredyNativeInternal {
 
   /**
    * 将图片绘制到画布上，同时替换文案，绘制的顺序如下
-   * 创建 template.size尺寸的画布, 接下来的绘制均应用 template.offset
-   * 将source绘制到画布上，绘制的尺寸为template.sourceSize
-   * 将content绘制到画布上,使用variables替换文案
-   * @param source
+   * 创建template.size尺寸的画布, 接下来的绘制均应用 template.offset
+   * 将images绘制到画布上，images的尺寸由image.frame决定
+   * 将数据模板content绘制到画布上,使用variables替换文案
    * @param template
    * @param variables
    */
-  abstract renderImageTemplate (source: ImageBitmap, template: PredyResizeTemplate, variables: Record<string, string | number>): ImageBitmap;
+  abstract renderImageTemplate (template: PredyResizeTemplate, variables: Record<string, string | number>): ImageBitmap;
 }
 export interface PredyResizeTemplate {
   /**
    * 要替换的文案
    */
   content: StringTemplate,
+
+  /**
+     * 要绘制的图片
+     */
+  images: Array<{
+    s: ImageBitmap,
+    //图片绘制区域，尺寸可能和image不一样
+    frame: vec4,
+  }>,
   /**
    * 画布尺寸
    */
@@ -56,9 +64,5 @@ export interface PredyResizeTemplate {
   /**
    * 画布绘制的offset 默认[0,0]
    */
-  offset: vec2,
-  /**
-   * source image绘制到画布的尺寸
-   */
-  sourceSize: vec2,
+  offset?: vec2,
 }