feat: 初始化画个标仓库 - AI驱动设计系统(BYOK模式) - 224源/371504图标+25海报源+130技能

js/core/poster-renderer.js

@@ -0,0 +1,34 @@
+/**
+ * 画个标 · 海报渲染引擎：元素数组 → SVG 字符串
+ */
+const HGB_PosterRenderer = (function () {
+  'use strict';
+
+  function esc(s) {
+    return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+  }
+
+  function elToSvg(el) {
+    if (el.type === 'rect') {
+      return `<rect x="${el.x}" y="${el.y}" width="${el.w}" height="${el.h}" fill="${el.fill}"/>`;
+    }
+    if (el.type === 'circle') {
+      return `<circle cx="${el.cx}" cy="${el.cy}" r="${el.r}" fill="${el.fill}"/>`;
+    }
+    if (el.type === 'text') {
+      const anchor = el.align === 'middle' ? 'middle' : 'start';
+      return `<text x="${el.x}" y="${el.y}" font-family="SimHei, Microsoft YaHei, sans-serif" font-size="${el.fontSize}" font-weight="${el.fontWeight}" fill="${el.fill}" text-anchor="${anchor}" dominant-baseline="middle">${esc(el.text)}</text>`;
+    }
+    if (el.type === 'icon') {
+      return `<g transform="translate(${el.x} ${el.y}) scale(${el.w / 24})">${el.svg}</g>`;
+    }
+    return '';
+  }
+
+  function render(spec, elements) {
+    const body = (elements || []).map(elToSvg).join('');
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${spec.w} ${spec.h}" width="${spec.w}" height="${spec.h}">${body}</svg>`;
+  }
+
+  return { render };
+})();