FIMO HTML导出默认不支持透明度渐变，所有fill为不透明十六进制色，无opacity或rgba()；需后处理添加data-score并动态设置fill-opacity。
HTML输出是否支持透明度渐变取决于FIMO版本和导出配置
FIMO 5.0+ 默认导出的HTML不包含CSS透明度渐变（如 opacity 动画或 rgba() 渐变色），它仅用纯色填充SVG路径，且所有fill值都是不透明的十六进制色（如 #ff6b6b）。若你看到“渐变效果”，大概率是浏览器渲染时对相邻色块的视觉混合，而非真实透明度变化。
FIMO本身不生成opacity或rgba()样式
FIMO的HTML导出逻辑固定：每个motif匹配区域被渲染为独立<path>，其style属性只含fill（硬编码色值）和stroke，不含opacity、fill-opacity或rgba()。即使你在FIMO配置中设定了“score-based coloring”，它也只映射到离散色阶，不会插入透明度维度。
- 检查导出HTML源码，搜索
opacity或rgba——几乎肯定找不到 - 若需按score做透明度映射，必须后处理：用脚本读取
match_score字段，动态设置fill-opacity - 注意FIMO的TSV输出里有
score列，这是唯一可用于渐变映射的连续数值
手动添加透明度渐变的可行做法
最轻量的方式是在导出HTML后注入JS或CSS，根据元素的data-score属性重写样式。FIMO HTML默认不带该属性，需先用Python或awk给<path>补上：
sed -i 's/<path /<path data-score="0.87" /' fimo.html
再加一段内联脚本：
立即学习“前端免费学习笔记（深入）”；
<script>
document.querySelectorAll('path[data-score]').forEach(el => {
const score = parseFloat(el.dataset.score);
el.style.fillOpacity = Math.max(0.2, score / 15); // 假设score范围0–15
});
</script>
- 不要直接改FIMO源码——它用C++写的，无公开JS导出插件接口
- 避免用CSS
@keyframes做动画渐变，FIMO输出是静态快照，无时间维度 - 若需兼容IE，
fill-opacity比opacity更稳妥（前者只影响填充，后者影响整个元素及子内容）
真正需要透明度渐变时，建议绕过FIMO HTML导出
如果你的分析流程最终要呈现score连续变化的视觉权重，FIMO的HTML不是合适载体。更可控的做法是：
- 用FIMO输出TSV（
--output-tsv），再用R/Python生成带rgba()的SVG字符串 - 在IGV或JBrowse中加载BED + bigWig，它们原生支持track透明度映射
- 用Plotly或D3重绘motif密度图，把score转为
opacity通道，而非依赖FIMO内置导出
关键点在于：FIMO的HTML是示意性报告，不是可视化引擎。它的“渐变”错觉常让人误以为有透明度控制，实际连基础的fill-opacity都未暴露——这点在批量处理上百个motif时尤其容易踩坑。
