用户投稿 | 「卡通热图」的快速实现方法~

导言

这几天，我们100+人一起搞事情，预期是至少让100种植物的科研工作上，能使用「卡通热图」来可视化数值矩阵，如基因表达量等，进而加速生物学知识传递。逻辑上绝大多数使用 PPT 、Adobe Illustractor 或者 Corel Draw 输出的矢量图，都可以被 TBtools 解析。而对于部分已经有 矢量图 或者 矢量图素材，通过快速拼合获得的文件，则会有少许解析问题。我尝试了三天逻辑优化，没有解决这个问题。但是用户已经自己解决了，要来教程稿件，方便大伙参考。

事情始末

大约三四年前，我看到了《大豆的一生》全生育期的图解，感觉其中的分图都很好看且都是矢量图！后来CJ师兄在TBtools里引入了卡通热图功能，我想着也来做一张fancy的热图。但局限于自己的电脑作图水平，于是我想到了“借力”：是否能利用《大豆的一生》这一图解来弥补这个短板？于是尝试了一下，得到了如下矢量图：

当时TBtools支持的是tga格式文件，我调整后也将自己的第一张fancy heatmap 发表了。

前几天，CJ师兄开放了Fancy heatmap的SVG格式，所以我想着在之前的矢量图基础上也来上这么一张SVG图。毕竟，一劳永逸的事情谁能拒绝呢…

作图流程：

第一步 图像拼接：

上图为《大豆的一生》图解，将它用Adobe Illustrator (AI)打开。

AI软件的“直接选择”按钮，选择自己感兴趣的部分，按照自己的想法进行拼合。于是进行了简单的拼凑我得到下面一张拼合图：

第二步 图像导入PowerPoint （PPT）：
将拼合图“Ctrl + A” 和“Ctrl + C”复制粘贴到PPT，如图：

原始的图片就复制过来了，但会发现几个问题：
1）图片占ppt版面很小
2）图片不能编辑，但放大后不会像图位图那样失真
解决办法如下：
1 图片放大
按住“Ctrl”键，等比例缩放图片（PS：建议使用ppt的参考线功能，方便对齐和调整图片）

2 取消图片元素组合
从AI里复制过来ppt里面的图片为“组合”模式，取消这一模式。

此时，图片为可编辑的格式，但出现了一些图形的变化（如图中出现了一些方块）
如下图：

这些“方块”可以手动删除：

再根据AI原图的RGB配色，回填到ppt里。

于是在ppt里复现了AI中的矢量图：

再由ppt导出SVG格式：

导入TBtools看看效果：
1. 完美解析！

2. 输入基因出图！

谢谢CJ师兄给予的学习和交流机会！

PS：当然，注意版权问题，只做学术使用，应是没事。最好的解法，自己参考照片临摹或许更好一些，