2016-07-06 293 views
-3

我不知道如何將畫布標籤轉換爲文字文件。如何將html中的canvas標籤轉換爲word文件?

我試着用this tutorial jQuery的Word導出插件,但我得到這個錯誤:

TypeError: $(...).wordExport is not a function 

這裏是我的代碼:

jQuery(document).ready(function($) { 
    $("a.word-export").click(function(event) { 
     $("#page-content").wordExport(); 
    }); 
}); 
+0

我們將需要更多的代碼,看看那裏的問題所在幹了什麼。 – Jordumus

+0

您不認爲向我們顯示錯誤是個好主意,因爲您需要與該錯誤相關的幫助嗎? –

+0

正如您鏈接的頁面上的文檔所說的那樣,是否「確保在jQuery庫和filesaver.js之後包含單詞export plugin」? – j08691

回答

1

這可能是出錯了的代碼,或一些不加載。可能WordExport不存在於您的源代碼中或在您的腳本下加載。

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.min.js'></script> 
<script src='https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js'></script> 
// And here link to file of jquery.wordexport.js source 

入住這撥弄https://jsfiddle.net/mansim/at148xnm/它的工作原理,看看你做的不對

+0

對不起,我想運行這個「$(」#page-content「)。wordExport();」部分代碼中,我添加了wordexport到我的源代碼,並加載它下兩個.js文件..但我得到這個錯誤「TypeError:$(...)。wordExport不是一個函數」 –

+0

它顯然不正確加載wordexport庫。正如你在我的例子中看到的那樣,它自然地起作用如果你想要更好的幫助,你應該發佈你的整個代碼,只有這樣纔有可能找到你的錯誤。 – mansim

+0

根據你說什麼,我創建一個div標籤,並在其中放置一個圖像。當調用word.export出現錯誤時 var iDiv = document.createElement('div'); \t \t iDiv.id ='block'; \t \t iDiv.className ='block'; \t \t var canvas = document.getElementsByClassName(「jade-schematic-diagram」); \t \t var image = new Image(); \t \t image.id =「pic」 \t \t image.src = canvas [0] .toDataURL(「image/png」); \t \t iDiv.appendChild(image); \t \t $(「。block」)。wordExport(); –