溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“可視化html文件怎么修改支持PDF導出”，在日常操作中，相信很多人在可視化html文件怎么修改支持PDF導出問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”可視化html文件怎么修改支持PDF導出”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
使用NotePad++等文本編輯器打開html文件，文件中要修改4處地方。
1.在原文件第十一行添加兩行代碼。如下圖所示，將右邊文件的兩行代碼復制，粘貼到左邊文件第十，十一行之間。
代碼如下：
<script src="cyto/cytoscape-svg.js"></script> <script src="cyto/FileSaver.js"></script>
2.原文件刪除第124-131行。注意第一處修改后行號會變，不要刪錯了。
3.原文件204行處添加一段代碼，把右邊文件第199-203行復制粘貼到右邊文件。注意行號變化，不要粘錯位置。
代碼如下：
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行內容。注意行號變化，不要粘錯位置。
代碼如下：
<button type="button" class="btn btn-default" onclick="saveAsSvg()">Save as SVG</button>
修改完后保存文件。最后將壓縮包（js.zip）中的cytoscape-svg.js 和 FileSaver.js倆文件復制粘貼到原文件目錄下的cyto文件夾即可。
到此，關于“可視化html文件怎么修改支持PDF導出”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
