蛋白互作网络分析可视化文件修改升级 支持 PDF导出

蛋白互作网络分析可视化文件修改升级,增加svg导出。


使用NotePad++等文本编辑器打开html文件,文件中要修改4处地方。(注意以下截图左边为源文件,右边为修改后)

1.在原文件第十一行添加两行代码。如下图所示,将右边文件的两行代码复制,粘贴到左边文件第十,十一行之间。

attachments-2020-08-Wkij1KzQ5f28f2c67b5df.png代码如下:

  <script src="cyto/cytoscape-svg.js"></script>
  <script src="cyto/FileSaver.js"></script>

2.原文件删除第124-131行。注意第一处修改后行号会变,不要删错了。

 attachments-2020-08-hFlHVJJg5f28f2da8a92c.png

3.原文件204行处添加一段代码,把右边文件第199-203行复制粘贴到右边文件。注意行号变化,不要粘错位置。

attachments-2020-08-eFYe9CiT5f28f2ebb5ddc.png

代码如下:

  var saveAsSvg = function(filename) {
    var svgContent = cy.svg({scale: 1, full: true, bg: '#ffffff'});
    var blob = new Blob([svgContent], {type:"image/svg+xml;charset=utf-8"});
    saveAs(blob, "ppi.svg");
   };

4.原文件225-227行删除,替换为右边文件224-225行内容。注意行号变化,不要粘错位置。

 attachments-2020-08-HnwK9wa95f28f2ffc98e3.png代码如下:

<button type="button" class="btn btn-default" onclick="saveAsSvg()">Save as SVG</button>

修改完后保存文件。最后将压缩包(js.zip)中的cytoscape-svg.js FileSaver.js俩文件复制粘贴到原文件目录下的cyto文件夹即可。

attachments-2020-08-N8sn1ZuM5f28f311f0915.png


此外,我们在网易云课堂上有各种教学视频,有兴趣可以了解一下:

1. 文章越来越难发?是你没发现新思路,基因家族分析发2-4分文章简单快速,学习链接:基因家族分析实操课程

2. 转录组数据理解不深入?图表看不懂?点击链接学习深入解读数据结果文件,学习链接:转录组(有参)结果解读转录组(无参)结果解读

3. 转录组数据深入挖掘技能-WGCNA,提升你的文章档次,学习链接:WGCNA-加权基因共表达网络分析

4. 转录组数据怎么挖掘?学习链接:转录组标准分析后的数据挖掘

5. 微生物16S/ITS/18S分析原理及结果解读

6. 更多学习内容:linux、perl、R语言画图,更多免费课程请点击以下链接:

https://study.omicsclass.com/



  • 发表于 2020-08-04 13:34
  • 阅读 ( 2111 )
  • 分类:软件工具

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
安生水
安生水

340 篇文章

作家榜 »

  1. omicsgene 691 文章
  2. 安生水 340 文章
  3. Daitoue 167 文章
  4. 生物女学霸 120 文章
  5. 红橙子 78 文章
  6. xun 76 文章
  7. rzx 74 文章
  8. CORNERSTONE 72 文章