SVG
SVG(可缩放矢量图形)是基于XML的开放标准二维图形描述语言,由W3C制定。它通过数学路径、形状和颜色属性描述图形,支持无限缩放而不失真,适用于图标、插图、动画及交互式图形等场景。SVG文件可被浏览器直接渲染,也可通过代码动态操作,广泛应用于网页设计和数据可视化领域。
核心事实
时间轴 (近 90 天)
内联(inline)是解决外部资源依赖的办法:字体可用@font-face配合Base64编码的woff2数据嵌入CSS,图片可转成Base64的data: URI直接写进src,图标可改用内联SVG;代价是文件体积变大、可读性下降。
在测试中,AI Agent 完成绘图后,将成果导出为 SVG 和 PDF 格式。
PNG在渲染时将文字栅格化为像素,字体只需存在于渲染服务器上;而SVG保留文字为文本,字体必须存在于每一台显示它的设备上。
对于需要广泛分享的图表,PNG的“字体自包含”特性降低了跨平台风险;SVG虽然更灵活,但必须明确告知使用者字体依赖的存在。
文章案例的开发者将新用户的默认输出改为PNG,并将SVG改为需要主动选择的功能,同时在文档中加入警告。
SVG 规范允许样式通过三种方式定义:内联 style 属性、<style> 元素内嵌 CSS、以及通过 <link> 或 @import 引入外部 CSS。
如果目标环境对 SVG 外部样式有限制(例如某些邮件客户端或图片嵌入场景),主题化能力可能无法发挥。
Pele 的差异在于对生成的 SVG 进行后处理,移除内联样式并替换为 CSS 类或变量,使样式控制权转移到使用方。
SVG 作为独立图片被 <img> 标签引用时,外部 CSS 不会生效;只有内联到 HTML 文档中或通过 <object>/<iframe> 嵌入时,外部样式才能作用。
在播客的 Gemini 模型评测中,用同一个“哈姆雷特独白”SVG 生成提示词对比,Gemini 版本生成了带侧边栏、情绪节拍注释、背景音效的完整舞台,并提供面部表情和手势的滑块调节面板。
还有 40 条时间轴事件
全部知识事实 (20)
SVG格式本质上是一种XML文本文件,记录路径指令而非像素数据
70%已验证Simon Willison使用'鹈鹕骑自行车'的SVG生成作为非正式的模型能力基准测试
70%已验证大模型生成动态视频更可能是生成描述动画的代码(如 Canvas、SVG、CSS 动画或动画框架),而非直接渲染像素级视频
65%已验证HTML输出允许AI内嵌SVG图表、交互式组件、页内导航、色彩编码和内联注释等Markdown无法实现的功能
65%待验证如果背景图是一个没有设置宽高的SVG,使用background-size: auto时,SVG会自动填充整个背景区域
80%待验证SVG是一种基于XML的矢量图形格式,由W3C于1999年制定标准
60%待验证模型能够现场合成SVG矢量视觉元素而非从网络下载素材
60%待验证SVG动画通常通过CSS animations、SMIL或GreenSock(GSAP)等动画库实现,可达到60fps流畅效果,文件体积远小于同等画质的GIF或视频
60%待验证语言模型理解文献生成绘图提示词、图像模型渲染输出的流程是一种AI智能体工作流,通过工具调用串联多个专业模型
60%待验证内联(inline)是解决外部资源依赖的办法:字体可用@font-face配合Base64编码的woff2数据嵌入CSS,图片可转成Base64的data: URI直接写进src,图标可改用内联SVG;代价是文件体积变大、可读性下降。
50%待验证在测试中,AI Agent 完成绘图后,将成果导出为 SVG 和 PDF 格式。
50%待验证文章案例的开发者将新用户的默认输出改为PNG,并将SVG改为需要主动选择的功能,同时在文档中加入警告。
50%待验证对于需要广泛分享的图表,PNG的“字体自包含”特性降低了跨平台风险;SVG虽然更灵活,但必须明确告知使用者字体依赖的存在。
50%待验证PNG在渲染时将文字栅格化为像素,字体只需存在于渲染服务器上;而SVG保留文字为文本,字体必须存在于每一台显示它的设备上。
50%待验证Pele 的差异在于对生成的 SVG 进行后处理,移除内联样式并替换为 CSS 类或变量,使样式控制权转移到使用方。
50%待验证SVG 作为独立图片被 <img> 标签引用时,外部 CSS 不会生效;只有内联到 HTML 文档中或通过 <object>/<iframe> 嵌入时,外部样式才能作用。
50%待验证如果目标环境对 SVG 外部样式有限制(例如某些邮件客户端或图片嵌入场景),主题化能力可能无法发挥。
50%待验证SVG 规范允许样式通过三种方式定义:内联 style 属性、<style> 元素内嵌 CSS、以及通过 <link> 或 @import 引入外部 CSS。
50%待验证缩略图工具支持 AI 生成 SVG 素材,生成后可继续用 prompt 迭代风格(例如从幼稚改为 material design/tech 风格)。
50%待验证导出前将描边转为轮廓(expand strokes)可以确保在任何平台上渲染结果一致;文件体积平均从约40KB涨到约90KB。
50%