關於pdfmake的總結

2021-07-16 01:43:14 字數 1733 閱讀 2335

1.pdfmake 好東西,在此不對伺服器端做任何總結,因為本人未去實踐。

2.pdfmake.org, pdfmake-master文件

既然如此需按以下步驟來產生我們的漢化版的pdfmake

0.建立一gruntproject.

1.安裝npm

2.安裝grunt-cli:npm install grunt-cli

3.安裝grunt

4.建立.配置packjson.js,gruntfile.js檔案:樣例中的hello world加下

5.安裝npm install pdfmake

6.執行grunt,如有not mould not found 等字樣,用npm install 直接安裝。

7.安裝完成,在系統上找.ttf的漢字檔案,拷貝到examples/fonts

8.執行grunt 生成檔案(grunt dump-dir)

9.在pdfmake.js文中將做如下的修改:

var defaultclientfonts = ,

simfang:

};將其它有關的roboto字樣用simfang替換掉。

10.將build/生成的文件拷貝到在用的程式資料夾下。

說得簡單,做起來挺費時費勁兒,現在想在用的gridvis的pdf匯出那些老外必定是用了類似的外掛程式卻沒有做類似的細化工作。

生成圖表pdf方法:

1.利用pdfmake的生成pdf的方法

2.利用canvg的應用

3.參照highchart-export-clientside.js中的方法(svgtocanvas)

此方法返回的是canvas物件

var svgtocanvas = function(svg, width, height, callback)

});return canvas;

};5.整體思路:svg-canvas-image;

一、svg的獲得:

var chart=$('#container').highcharts();

var svg = chart.getsvgforexport();//svg的**不帶有控制字元。

二、canvas的生成:

//建立canvas元素

var canvas=document.createelement('canvas');

canvas.width=$("#graphpic svg").width();

canvas.height=$("#graphpic svg").height();

var width=$("#graphpic svg").width();

var height=$("#graphpic svg").height();

//將svg寫入canvas

canvg(canvas, svg,

});三、canvas轉為image

var imagedata=canvas.todataurl('image/png');

四、定義pdfmake options

pdfmake.fonts =

}var docdefinition = ,

'no styling here, this is a standard paragraph',,,

],styles: ,

anotherstyle: }}

pdfmake.createpdf(docdefinition).download();

用到如下的腳 本呼叫

關於引用的總結

1.什麼是 引用 申明和使用 引用 要注意哪些問題?答 引用就是某個目標變數的 別名 alias 對應用的操作與對變數直接操作效果完全相同。申明乙個引用的時候,切記要對其進行初始化。引用宣告完畢後,相當於目標變數名有兩個名稱,即該目標原名稱和引用名,不能再把該引用名作為其他變數名的別名。宣告乙個引用...

關於CDaoDataBase的總結

cdaodatabase 不能使用於多執行緒。在主對話方塊中建立cdaodatabase物件,然後把該物件傳入到掃瞄線程中。這樣做的結果是,凡是涉及到資料庫操作的語句,如建立,查詢等,在執行時都會出錯。很明顯,這是因為cdaodatabase物件跨越了主對話方塊執行緒和掃瞄工作執行緒。這個錯誤比較隱...

關於PCA的總結

最近學習了主成份分析 principal component analysis 這個經典方法。學習的材料是a tutorial on principal component analysis by jonathon shlens 學習完之後,感覺這篇材料關於pca寫得非常簡潔明瞭,也很適合自學。現在...