成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

wkhtmltopdf chartjs

Simon_Zhou / 983人閱讀

摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁(yè)面顯示，建議給導(dǎo)出多帶帶做一個(gè)頁(yè)面。表格過(guò)寬導(dǎo)致顯示被截?cái)?，是由于設(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒(méi)有繼續(xù)解決。

背景

前文 提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。

wkhtmltopdf

這里面使用的版本必須是https://github.com/wkhtmltopdf/wkhtmltopdf/releases/0.12.2.1

chartjs

好多文章說(shuō)chartjs必須使用2.6.0版本，但是實(shí)測(cè)2.5.x和2.7.x都可以通過(guò)。下面是一個(gè)可以成功在pdf中顯示的代碼示例：



    chartJS PDF
樣式調(diào)整

在實(shí)際導(dǎo)出時(shí)會(huì)遇到div間出現(xiàn)了半頁(yè)的空白，這是由于div設(shè)置了overflow-x:visible樣式，將其調(diào)整為默認(rèn)即可。如果影響頁(yè)面顯示，建議給導(dǎo)出多帶帶做一個(gè)頁(yè)面。

表格過(guò)寬導(dǎo)致顯示被截?cái)?，是由于設(shè)置了white-space:nowrap樣式，將其調(diào)整為默認(rèn)即可。如果影響頁(yè)面顯示，建議給導(dǎo)出多帶帶做一個(gè)頁(yè)面。

表格的內(nèi)容過(guò)多大于一頁(yè)時(shí)會(huì)出現(xiàn)在第二頁(yè)的第一行重復(fù)顯示標(biāo)題且與第一行重疊。這里需要設(shè)置table樣式thead, tfoot {display: table-row-group;}

表格的內(nèi)容過(guò)多大于一頁(yè)時(shí)會(huì)偶現(xiàn)一行內(nèi)容被從中間截?cái)?，上下?yè)各顯示半行，體驗(yàn)特別不好。這里需要使用wkhtmltopdf的選項(xiàng)：

wkhtmltopdf --margin-top 10mm --margin-bottom 10mm https://www.baidu.com baidu.pdf

另外，建議開(kāi)啟打印模式，開(kāi)啟打印模式后，表格的奇偶行標(biāo)色會(huì)失效，嘗試了一段時(shí)間無(wú)果后點(diǎn)開(kāi)chrome的打印預(yù)覽看一下也會(huì)失效。所以就沒(méi)有繼續(xù)解決。

wkhtmltopdf --print-media-type --margin-top 10mm --margin-bottom 10mm --lowquality https://www.baidu.com baidu.pdf

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/116078.html

相關(guān)文章

  • wkhtmltopdf chartjs

    摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁(yè)面顯示，建議給導(dǎo)出單獨(dú)做一個(gè)頁(yè)面。表格過(guò)寬導(dǎo)致顯示被截?cái)?，是由于設(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒(méi)有繼續(xù)解決。 背景 前文 提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。 ...

    opengps 評(píng)論0 收藏0

  • wkhtmltopdf chartjs

    摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁(yè)面顯示，建議給導(dǎo)出單獨(dú)做一個(gè)頁(yè)面。表格過(guò)寬導(dǎo)致顯示被截?cái)啵怯捎谠O(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒(méi)有繼續(xù)解決。 背景 前文 提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。 ...

    miguel.jiang 評(píng)論0 收藏0

  • 初識(shí)wkhtmltopdf

    摘要：背景最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到。本著最好不要額外安裝軟件的原則，搜索過(guò)后分別嘗試了等等。但是實(shí)現(xiàn)效果都與預(yù)期差距較大。它們是開(kāi)源命令行工具，使用渲染引擎將呈現(xiàn)為和各種圖像格式。它們不需要顯示或顯示服務(wù)。 背景 最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

    Towers 評(píng)論0 收藏0

  • 初識(shí)wkhtmltopdf

    摘要：背景最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到。本著最好不要額外安裝軟件的原則，搜索過(guò)后分別嘗試了等等。但是實(shí)現(xiàn)效果都與預(yù)期差距較大。它們是開(kāi)源命令行工具，使用渲染引擎將呈現(xiàn)為和各種圖像格式。它們不需要顯示或顯示服務(wù)。 背景 最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

    April 評(píng)論0 收藏0

  • 初識(shí)wkhtmltopdf

    摘要：背景最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到。本著最好不要額外安裝軟件的原則，搜索過(guò)后分別嘗試了等等。但是實(shí)現(xiàn)效果都與預(yù)期差距較大。它們是開(kāi)源命令行工具，使用渲染引擎將呈現(xiàn)為和各種圖像格式。它們不需要顯示或顯示服務(wù)。 背景 最近接到一個(gè)客戶(hù)需求，要求將學(xué)生的考試結(jié)果分析表格和圖表導(dǎo)出到PDF。表格使用的是普通的table，圖表引用了https://www.char...

    wushuiyong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<