Canva 网站 About 页面底部有一段英文，我分别让 Fable 5 、Opus 5 和 Sonnet 5 翻译了一下，大家可以对比看看效果。 英文原文： At Canva, we acknowledge the Traditional Custodians of country throughout Australia and their connections to land, sea and community. We pay our respect to their elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples today. Sonnet 5 翻译花了 0.0435 美元，结果如下： Canva想表明，澳大利亚各地这片土地自古以来就由原住民守护，我们认可这一点，也认可他们和土地、海洋、社区之间代代相传的联系。不管是过去还是现在的部落长老，我们都心怀敬意，这份敬意同样送给今天所有的原住民和托雷斯海峡岛民。 Opus 5 翻译花了 0.0551 美元，结果如下： 在 Canva，我们向澳大利亚各地土地的传统守护者致意，也尊重他们与土地、海洋和社区之间的深厚联结。我们向他们过去和现在的长辈表达敬意，今天也把这份敬意献给所有原住民和托雷斯海峡岛民。 Fable 5 翻译花了 0.121 美元，结果如下： 在 Canva，我们向全澳大利亚这片土地的原住民传统守护者致意，感念他们与土地、海洋和社群之间的深厚联结。我们向他们已故和在世的长者致敬，也把这份敬意同样致予今天所有的原住民和托雷斯海峡岛民。 我自己感觉，的确是越贵的模型效果越好。 这个价格我需要说明一下的是，这不是简单的翻译，而是有提示词指示需要按照一定的格式翻译并且生成 JSON 格式的数据，所以如果大家只是去翻译，是不需要这么多钱的。

这个 html-in-canvas和 Three.js 做的动画太炫了 html-in-canvas 允许开发者将真实的、可交互的 HTML 和 CSS 直接渲染到 <canvas>（包括 2D、WebGL 和 WebGPU）中。

Gemini 的解释： 在过去，Canvas 只是“无脑”的像素画布。如果你想在 Canvas 里渲染一段 UI 或文字，你会失去浏览器原生自带的一切能力： • 没有屏幕阅读器支持（无障碍访问彻底瘫痪）。 • 无法原生长按选中文本。 • 无法处理复杂的多语言排版、连字和字体后备。 • 连最基础的点击侦测（Hit Testing），都需要开发者手写数学公式在底层模拟。 对于构建复杂生产力工具、AI 客户端界面或图形密集型应用来说，这意味着你要么在 Canvas 之上悬浮一层 DOM（容易出现同步错位和性能瓶颈），要么就像某些头部设计软件一样，咬牙从零开始用 WebGL 重写一整套文本和布局引擎。 HTML-in-Canvas 完美解决了这个痛点： 1.底层引擎分工：让 HTML 负责它最擅长的结构、语义、排版和原生交互；让 Canvas 和 GPU 负责极致的像素级特效渲染。 2.DOM 级着色器 (Shaders)：这是它爆火的核心原因。你现在可以直接将 WebGL 片段着色器应用到标准的 HTML 元素上。比如，让一个普通的 表单在打字时产生像素级的液化扭曲、扫描线切割，或者基于鼠标位置生成精确计算的 SDF (有向距离场) 动态光影。在经过 GPU 疯狂扭曲后，这个表单依然可以正常打字和响应事件。 3.3D 空间中的真实 UI：可以极其简单地将一个功能完整的 HTML 网页，当作纹理贴图完美附着在一个 3D 旋转的立方体表面，且依然可点可交互。 核心 API 原理 它的实现机制极其精简，主要依赖三个新的原语： • layoutsubtree 属性：加在 标签上。它允许 HTML 元素作为 Canvas 的子节点存在，并参与浏览器的正常 DOM 布局树计算，但默认不绘制到屏幕上。 • drawElementImage() 方法：将 DOM 元素捕获并绘制为 Canvas 像素。它会返回一个变换矩阵（Transform Matrix），在底层自动将真实的 DOM 物理坐标与画布上像素的渲染坐标保持完美同步。 • onpaint 事件：一个全新的响应式渲染机制。取代了传统极其消耗性能的 requestAnimationFrame 轮询，只有当子元素的渲染内容真正发生变化时，才会触发重绘。

教程长文要发小红书／抖音图文，最烦在 Canva 里一页页手拆，代码和公式还经常断行。 CardDown 把 Markdown 直接渲成分页 PNG 卡：默认 1080×1440，智能分页覆盖标题／代码／表格／KaTeX，内置 claude-like、github 等主题，也能接 Typora 主题包；官方示例一条命令出 1 张封面 + 6 张内容卡。 装 CLI 后补 Playwright Chromium，对本机 md 跑一遍即可。 教程号、复盘卡、课程笔记要批量出图文轮播的人，我建议先收藏。 GitHub：

想增加一些内容，提升视频的质感，然后找到了Motion Canvas这个开源项目。 随手一个提示词，查看一下生成的效果，整体上质量还不错。但是还有一些细节不够完美，需要做特别的优化。 不过的话，本来就是做尝试，找一些自己喜欢的风格里面去做优化。

PixiJS v8.19.0 发布z 那个前段时间很火的HTML-in-Canvas 现已上线！ 除了 HTML-in-Canvas，PixiJS 6 月更新里还有一个很值得关注的点：官方发布了 **25 个 PixiJS Agent Skills**。

用 AI 做安卓 App，界面全靠嘴说，顶上搜索栏、底下三个标签页，做出来跟脑子里那张图对不上，来回改三轮还在调位置。 M3E Canvas 换了个顺序，先在浏览器里把界面拖出来，再把这张图变成一段提示词，复制给 Claude Code、Codex 或 Cursor 去做。 组件全按 Material 3 Expressive 画，按钮、导航栏、卡片、对话框、搜索栏这些拖进屏幕就行，两个按钮靠近会自动吸成一组，圆角跟着融合。 GitHub： 屏幕可以加很多张，给按钮设一个目标屏幕和过渡动画，画布上就画出跳转箭头，预览里能真的一路点过去，返回时动画倒着放。 预览能点着走这点，我看比出图本身有用，流程顺不顺点两下就知道，不用等 Agent 做完了再发现。 主题在一个面板里调，七套配色或者给一个基准色生成整套，浅色深色、圆角方角一键切换。 屏幕在 412×892 的手机和 1280×800 的桌面之间也能切，导航栏自动变成侧边栏。 提示词支持中英日韩四种语言，目标平台选 Android 或 Web，自己写的组件行为说明也会带进去。全部存在浏览器本地，没有后台，打开网页就能用。

把架构图画成可拖、可分享的图 现在有个开源 skill 直接干这事 名字叫 draw-architecture 你丢一段文字描述的系统架构 它吐一张像 Figma 一样的 canvas： 拖拽、缩放、点元件隔离看 一键导出高清 PNG 丢进文档/PPT 还能把链接甩给同事在图上留言 平时跟团队对架构 最烦的不是「画不出来」 是图画完就死了 别人只能看截图 这种「可交互 + 可讨论」才是协作资产

帮外贸工厂做多语种展会物料包 做法：广交会、中东和东南亚展会前，工厂最缺一套像样的外文物料。你用 AI 把中文产品资料重写成地道英文和小语种，套 Canva 模板做画册、易拉宝、展位背板、名片和产品卡，再配一个扫码就能看的电子样本册页面。 成本：Canva 会员一年几百块，一套做两三天。收费：基础版 2000-4000 元，含小语种和电子样本册 6000 元以上，一个展会季能接七八家。 提醒：产品参数和认证编号必须原样照抄，AI 改写时最容易把型号数字改错，在展会现场出错是致命的。