ste-canvas-poster 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -18,3 +18,9 @@ All notable changes to this project will be documented in this file.
 - 图片 objectFit（fill / cover / contain）
 - 内置二维码生成，无需额外依赖
 - 完整 TypeScript 类型声明
+
+## 1.0.1 (2026-05-26)
+
+### 移除遗留代码
+
+- 移除原项目中对URL解析的依赖

package/README.md

@@ -134,7 +134,7 @@ computed: {
 
 ### renderPoster(options)
 
-渲染海报，自动处理路径解析、rpx 转换和平台差异。
+渲染海报，自动处理rpx 转换和平台差异。
 
 ```typescript
 function renderPoster(options: RenderPosterOptions): Promise<PosterEngine>;
@@ -232,16 +232,6 @@ function measureText(text: string, fontSize: number, bold?: boolean): number;
 
 **返回值**：文本宽度（rpx），向上取整
 
-典型用途 — 配合 Flex 布局计算容器宽度：
-
-```javascript
-import { measureText } from 'ste-canvas-poster';
-
-const textWidth = Math.min(measureText(nickname, 24), 300);
-// 在 schema 中使用
-{ type: 'text', text: '{{nickname}}', css: { width: textWidth, height: 24, fontSize: 24 } }
-```
-
 ---
 
 ## Schema 规范
@@ -498,29 +488,6 @@ Canvas 内部尺寸小于元素坐标范围。确保 `canvas.width/height` 不
 
 `fontSize` 单位为 rpx，确保 `useRpx: true`（默认值）。
 
-### 图片加载失败
-
-数据中的图片路径字段名需以 `Image`/`Img`/`Url`/`Src`/`Photo`/`Pic` 结尾，或完整匹配 `background`/`qrcode`/`cover`/`avatar`，引擎才会自动解析路径。
-
-### Flex 布局中 text 子元素位置不正确
-
-Canvas 无法在绘制前测量文本尺寸，Flex 布局依赖子元素显式声明的 `width`/`height` 来计算位置。text 子元素若未设置，会被视为尺寸 0。
-
-**解决**：为 text 子元素显式设置 `width` 和 `height`，配合 `measureText` 动态计算宽度：
-
-```javascript
-import { measureText } from 'ste-canvas-poster';
-
-const textWidth = Math.min(measureText(nickname, 24), 300);
-{ type: 'text', text: '{{nickname}}', css: { width: textWidth, height: 24 } }
-```
-
-若不方便预计算宽度，可改用绝对定位（`left`/`top`）替代 Flex 布局。
-
-### 导出图片圆角看起来不生效
-
-画布默认背景是透明的，圆角外区域也是透明。如果查看器/聊天窗口是白底，透明区域和白底融为一体看起来像没有圆角。设置 `background: '#FFFFFF'` 即可明显看到圆角效果。
-
 ---
 
 ## 文件结构

package/package.json

@@ -2,7 +2,7 @@
   "id": "ste-canvas-poster",
   "displayName": "ste-canvas-poster",
   "name": "ste-canvas-poster",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "基于 Canvas 2D API 的声明式海报绘制引擎，支持微信小程序与 APP 双端",
   "type": "module",
   "main": "index.js",
@@ -61,9 +61,9 @@
     "encrypt": [],
     "platforms": {
       "cloud": {
-        "tcb": "n",
-        "aliyun": "n",
-        "alipay": "n"
+        "tcb": "x",
+        "aliyun": "x",
+        "alipay": "x"
       },
       "client": {
         "uni-app": {
@@ -140,4 +140,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/posterAdapter.js

@@ -15,67 +15,6 @@
 
 import { PosterEngine } from "./posterEngine.js";
 
-// ─────────────────────────────────────────────
-// 工具函数
-// ─────────────────────────────────────────────
-
-/**
- * 判断是否为完整 URL
- * @param {string} src
- * @returns {boolean}
- */
-function isFullUrl(src) {
-  if (!src) return false;
-  return (
-    /^https?:\/\//i.test(src) ||
-    /^data:image/i.test(src) ||
-    /^wxfile:/i.test(src)
-  );
-}
-
-/**
- * 解析图片路径（相对路径 → 完整 URL）
- * @param {string} src
- * @returns {string}
- */
-function resolveImagePath(src) {
-  if (!src) return "";
-  if (isFullUrl(src)) return src;
-  // #ifdef APP-PLUS
-  if (/^(file:|\/var\/|\/storage\/)/i.test(src)) return src;
-  // #endif
-  return src;
-}
-
-/**
- * 深度解析数据对象中的所有图片路径
- * @param {Object} data
- * @returns {Object}
- */
-const IMAGE_KEY_SUFFIX_RE = /(Image|Img|Url|Src|Photo|Pic)$/i;
-const IMAGE_KEY_EXACT_RE = /^(background|qrcode|cover|avatar)$/i;
-
-function resolveDataImages(data) {
-  if (!data || typeof data !== "object") return data;
-
-  let resolved = null;
-  for (const [key, value] of Object.entries(data)) {
-    if (
-      typeof value === "string" &&
-      (IMAGE_KEY_SUFFIX_RE.test(key) || IMAGE_KEY_EXACT_RE.test(key))
-    ) {
-      const newPath = resolveImagePath(value);
-      if (newPath !== value) {
-        if (!resolved) {
-          resolved = { ...data };
-        }
-        resolved[key] = newPath;
-      }
-    }
-  }
-  return resolved || data;
-}
-
 // ─────────────────────────────────────────────
 // 辅助：rpx → px 转换
 // ─────────────────────────────────────────────
@@ -151,7 +90,10 @@ function transformSchemaRpx(schema) {
       if (value && typeof value === "object") {
         traverseInPlace(value);
       } else if (shouldTransform(value)) {
-        if (NON_DIMENSION_KEYS.has(key) || (key === "fontWeight" && typeof value === "number")) {
+        if (
+          NON_DIMENSION_KEYS.has(key) ||
+          (key === "fontWeight" && typeof value === "number")
+        ) {
           continue;
         }
         obj[key] = transformValue(value, scale);
@@ -260,7 +202,7 @@ async function preloadSchemaImages(schema, data = {}) {
             // 下载失败保留原值
           }),
       );
-}
+    }
   }
 
   await Promise.all(promises);
@@ -378,11 +320,11 @@ export async function renderPoster({
   const schemaCopy = JSON.parse(JSON.stringify(schema));
 
   // 自动将 schema 中的 rpx 转换为 px（业务层可以直接使用设计稿的 rpx 值）
-  const transformedSchema = useRpx ? transformSchemaRpx(schemaCopy) : schemaCopy;
+  const transformedSchema = useRpx
+    ? transformSchemaRpx(schemaCopy)
+    : schemaCopy;
 
-  // 自动解析数据中的图片路径（相对路径 → 完整 URL）
-  const resolvedData = resolveDataImages(data);
-  let preloadedData = resolvedData;
+  let preloadedData = data;
 
   // #ifdef APP-PLUS
   preloadedData = await preloadSchemaImages(transformedSchema, resolvedData);