FIMO的HTML输出基于SVG，本身不支持抗锯齿或像素化控制；所谓模糊/锯齿源于浏览器缩放、CSS干预或位图导出等外部因素，而非FIMO主动渲染。
HTML输出是否支持抗锯齿或像素化控制
FIMO本身不提供HTML输出的“像素化”或“抗锯齿开关”参数——它生成的HTML本质是SVG嵌入页面，而SVG是矢量格式，天然无像素化。所谓“看起来像素化”，通常是浏览器渲染、缩放、CSS干预或导出为位图后二次处理导致的视觉假象，不是FIMO主动输出的像素效果。
为什么在浏览器里看到模糊/锯齿边缘
常见原因包括：
• 页面被缩放（如Chrome按Ctrl+滚动放大），SVG渲染未对齐设备像素比（dpr）
• 父容器CSS设置了 transform: scale() 或 image-rendering: pixelated（后者会强制位图风格，但对SVG无效）
• 使用了 filter: blur() 或 backdrop-filter 等后期滤镜
• 导出HTML后用截图工具保存为PNG/JPG，再反复缩放编辑
FIMO生成的SVG如何确保清晰显示
可手动干预HTML输出中的SVG部分：
• 检查FIMO输出的<svg>标签是否带width/height属性；若固定为100px却放在200px宽容器中，浏览器会拉伸导致模糊
• 在CSS中显式设置svg { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }（对部分线条/文本有改善）
• 避免用%或em定义SVG尺寸，优先用px或留空让SVG按原始viewBox自然缩放
• 若需适配高DPR屏幕，可在<svg>上加style="width: 100%; height: auto;"并确保viewBox属性存在且合理
真要“像素化”只能后处理
如果业务场景确实需要像素艺术风格（比如模拟8-bit效果），FIMO无法直接输出，必须在HTML加载后用JavaScript操作：
• 用canvas将SVG转成位图，再用最近邻插值缩放（ctx.imageSmoothingEnabled = false）
• 或借助filter: url(#pixelate)配合SVG<filter>定义马赛克效果（性能较差，仅适合静态小图）
• 注意：这类操作会让原本可缩放、可选中文本变成不可逆位图，搜索/无障碍支持丢失
真正影响清晰度的是viewBox设置、容器尺寸匹配和浏览器渲染上下文，而不是某个隐藏的“像素化参数”。别在FIMO命令行里找--pixelate或html-pixel-mode——它根本不存在。
