{"id":5141,"date":"2018-10-09T09:26:33","date_gmt":"2018-10-09T01:26:33","guid":{"rendered":"https:\/\/blog.hoyo.idv.tw\/?p=5141"},"modified":"2022-12-02T09:52:23","modified_gmt":"2022-12-02T01:52:23","slug":"%e4%bd%bf%e7%94%a8-wkhtmltopdf-%e5%b0%87-html-%e8%bd%89%e6%88%90-pdf","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=5141","title":{"rendered":"\u4f7f\u7528 wkhtmltopdf  \u5c07 HTML \u8f49\u6210 PDF"},"content":{"rendered":"<p>\u4f7f\u7528\u00a0wkhtmltopdf \u76f8\u5c0d\u00a0<span style=\"color: #333333; font-style: normal; line-height: 24.375px;\">TCPDF<\/span><span style=\"color: #333333; font-style: normal; line-height: 24.375px;\">\u00a0<\/span>\u4f86\u8aaa\u53ef\u5927\u5e45\u7c21\u5316 PDF \u7684\u8f49\u63db\u5de5\u4f5c<\/p>\n<p>--<\/p>\n<h2>\u53c3\u8003\u8cc7\u6e90<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.jianshu.com\/p\/d5317e494191\" target=\"_blank\" rel=\"noopener\">html\u8f6cpdf-----wkhtmltopdf\u8e29\u5751\u603b\u7ed3<\/a><\/li>\n<li><a href=\"https:\/\/www.jianshu.com\/p\/4d65857ffe5e\" target=\"_blank\" rel=\"noopener\">HTML \u8f6c PDF \u4e4b wkhtmltopdf \u5de5\u5177\u7cbe\u8bb2<\/a><\/li>\n<\/ul>\n<p>--<\/p>\n<h2>CentOS 6 \u5b89\u88dd<\/h2>\n<ul>\n<li><a href=\"https:\/\/gist.github.com\/apphancer\/8654e82aa582d1cf02c955536df06449\" target=\"_blank\" rel=\"noopener\">install_wkhtmltopdf_on_centos.sh<\/a><\/li>\n<li><a href=\"https:\/\/wkhtmltopdf.org\/downloads.html\" target=\"_blank\" rel=\"noopener\">Downloads<\/a><\/li>\n<\/ul>\n<pre class=\"lang:default decode:true \"># wget https:\/\/github.com\/wkhtmltopdf\/packaging\/releases\/download\/0.12.6-1\/wkhtmltox-0.12.6-1.centos6.x86_64.rpm\r\n# yum install -y libXext libXrender fontconfig xorg-x11-fonts-75dpi xorg-x11-fonts-Type1\r\n# rpm -Uvh wkhtmltox-0.12.6-1.centos6.x86_64.rpm<\/pre>\n<p>--<\/p>\n<h2>CentOS 7 \u5b89\u88dd<\/h2>\n<ul>\n<li><a href=\"https:\/\/gist.github.com\/apphancer\/8654e82aa582d1cf02c955536df06449\" target=\"_blank\" rel=\"noopener\">install_wkhtmltopdf_on_centos.sh<\/a><\/li>\n<li><a href=\"https:\/\/wkhtmltopdf.org\/downloads.html\" target=\"_blank\" rel=\"noopener\">Downloads<\/a><\/li>\n<\/ul>\n<pre class=\"lang:default decode:true \"># wget https:\/\/github.com\/wkhtmltopdf\/packaging\/releases\/download\/0.12.6-1\/wkhtmltox-0.12.6-1.centos7.x86_64.rpm\r\n# yum install -y fontconfig xorg-x11-fonts-75dpi xorg-x11-fonts-Type1\r\n# rpm -Uvh wkhtmltox-0.12.6-1.centos7.x86_64.rpm<\/pre>\n<p>--<\/p>\n<h2>Debian<\/h2>\n<ul>\n<li><a class=\"question-hyperlink\" href=\"https:\/\/unix.stackexchange.com\/questions\/192642\/wkhtmltopdf-qxcbconnection-could-not-connect-to-display\" target=\"_blank\" rel=\"noopener\">wkhtmltopdf - QXcbConnection: Could not connect to display<\/a><\/li>\n<\/ul>\n<p>\u56e0\u70ba\u8981\u4f7f\u7528 xvfb-run \u4f86\u5f15\u5c0e\u57f7\u884c\uff0c\u6240\u4ee5\u8981\u5148\u5b89\u88dd xvfb<\/p>\n<pre class=\"lang:default decode:true\"># apt install xvfb<\/pre>\n<p>\u5b89\u88dd wkhtmltopdf<\/p>\n<pre class=\"lang:default decode:true\"># apt install wkhtmltopdf<\/pre>\n<p>\u57f7\u884c\u7684\u6642\u5019\u4f7f\u7528 xvfb-run \u5f15\u5c0e<\/p>\n<pre class=\"lang:default decode:true\"># xvfb-run wkhtmltopdf \/tmp\/2482.html \/tmp\/2482.pdf<\/pre>\n<p>\u76f4\u63a5\u4f7f\u7528 wkhtmltopdf \u6703\u7206 QXcbConnection: Could not connect to display \u932f\u8aa4<\/p>\n<p>--<\/p>\n<h2>\u00a0\u5b89\u88dd\u4e2d\u6587\u5b57\u578b\u53ca\u986f\u793a<\/h2>\n<ul>\n<li><a href=\"http:\/\/kaito-kidd.com\/2015\/03\/12\/python-html2pdf\/\" target=\"_blank\" rel=\"noopener\">python wkhtmltopdf \u4f7f\u7528\u4e0e\u6ce8\u610f\u4e8b\u9879<\/a><\/li>\n<li><a href=\"https:\/\/segmentfault.com\/q\/1010000003004537\" target=\"_blank\" rel=\"noopener\">wkhtmltopdf\u4e2d\u6587\u4e71\u7801<\/a><\/li>\n<\/ul>\n<p>Hoyo \u767c\u751f\u7684\u60c5\u6cc1\u662f\u56e0\u70ba\u8981\u7522\u751f PDF \u7684 HTML\uff0c\u6240\u4ee5\u6c92\u6709\u7d66\u5b8c\u6574\u7684\u7d50\u69cb\uff0c\u56e0\u6b64\u5c31\u5c11\u4e86\u7de8\u78bc\u5ba3\u544a\u624d\u767c\u751f\u4e82\u78bc<\/p>\n<pre class=\"lang:default decode:true\">&lt;meta http-equiv=\"content-type\" content=\"text\/html;charset=utf-8\"&gt;<\/pre>\n<p>\u5982\u679c\u662f\u7cfb\u7d71\u6c92\u6709\u4e2d\u6587\u5b57\u578b\u8acb\u53c3\u8003\u4ee5\u4e0b\u6b65\u9a5f<\/p>\n<pre class=\"lang:default decode:true\"># mkdir \/usr\/share\/fonts\/simsun\r\n# cp simsun.ttc \/usr\/share\/fonts\/simsun\/\r\n# fc-cache -fv\r\n# fc-list\r\nSimSun,\u5b8b\u4f53:style=Regular<\/pre>\n<p>--<\/p>\n<h2>\u958b\u59cb\u4f7f\u7528<\/h2>\n<pre class=\"lang:default decode:true\"># wkhtmltopdf a.html a.pdf<\/pre>\n<p>\u4ee5\u4e0b\u662f\u4e00\u500b\u5be6\u969b\u6848\u4f8b\uff0c\u6b64\u70ba\u5f9e Word \u8a2d\u8a08\u5f8c\u8f49\u8cbc\u5230\u7db2\u9801\u7de8\u8f2f\u5668 TinyMCE \u4e0a\uff0c\u7136\u5f8c\u518d\u7d93\u904e PHP \u5957\u7248\u6700\u5f8c\u7684\u7d50\u679c<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5145\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-061.png\" alt=\"\" width=\"741\" height=\"192\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-061.png 741w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-061-300x78.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-061-500x130.png 500w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/p>\n<p>\u539f\u4f86\u4f7f\u7528 TCPDF \u7684\u7d50\u679c\uff0c\u56e0\u70ba TCPDF \u6709\u4e2d\u6587\u907f\u982d\u5c3e\u529f\u80fd\uff0c\u6240\u4ee5\u6574\u9ad4\u7de8\u6392\u7d50\u679c\u548c\u7db2\u9801\u986f\u793a\u4e0d\u4e00\uff0c\u5982\u679c\u82b1\u6642\u9593\u8abf\u6574\u61c9\u8a72\u4e5f\u53ef\u4ee5\u5f97\u5230\u6eff\u610f\u7684\u7d50\u679c\uff0c\u4e0d\u904e Hoyo \u5c31\u5148\u653e\u68c4\u4e86<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5146\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-062.png\" alt=\"\" width=\"573\" height=\"184\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-062.png 573w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-062-300x96.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-062-500x161.png 500w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><\/p>\n<p>--<\/p>\n<h2>\u8a2d\u5b9a\u5176\u4ed6\u5b57\u578b (\u6977\u9ad4\u3001\u9ed1\u9ad4)<\/h2>\n<p>\u5b89\u88dd\u5b8c\u5b57\u578b\u5f8c\uff0c\u4f7f\u7528 fc-list \u6307\u4ee4\u5217\u51fa\u5b89\u88dd\u5b8c\u6210\u5b57\u578b<\/p>\n<pre class=\"lang:default decode:true\"># fc-list :lang=zh\r\n\u6977\u4f53,KaiTi:style=Normal,oby\u010dejn\u00e9,Standard,\u039a\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac,Regular,Normaali,Norm\u00e1l,Normale,Standaard,Normalny,\u041e\u0431\u044b\u0447\u043d\u044b\u0439,Norm\u00e1lne,Navadno,Arrunta\r\n\u5fae\u8f6f\u96c5\u9ed1,Microsoft YaHei:style=Normal,oby\u010dejn\u00e9,Standard,\u039a\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac,Regular,Normaali,Norm\u00e1l,Normale,Standaard,Normalny,\u041e\u0431\u044b\u0447\u043d\u044b\u0439,Norm\u00e1lne,Navadno,Arrunta\r\n\u6587\u6cc9\u9a5b\u6b63\u9ed1,WenQuanYi Zen Hei,\u6587\u6cc9\u9a7f\u6b63\u9ed1:style=Regular\r\nMicrosoft YaHei Mono:style=Regular\r\n\u6559\u80b2\u90e8\u6a19\u6e96\u6977\u66f8,TW\\-MOE\\-Std\\-Kai:style=Regular\r\n\u6587\u6cc9\u9a5b\u7b49\u5bec\u6b63\u9ed1,WenQuanYi Zen Hei Mono,\u6587\u6cc9\u9a7f\u7b49\u5bbd\u6b63\u9ed1:style=Regular\r\n\u6587\u6cc9\u9a5b\u9ede\u9663\u6b63\u9ed1,WenQuanYi Zen Hei Sharp,\u6587\u6cc9\u9a7f\u70b9\u9635\u6b63\u9ed1:style=Regular<\/pre>\n<p>\u5c07\u5217\u51fa\u7684\u9996\u500b\u95dc\u9375\u5b57\u8a2d\u5b9a\u70ba HTML \u7684\u5b57\u578b\u540d\u7a31\uff0c\u4f8b\u5982\u6977\u9ad4\u70ba\u300c\u6977\u4f53\u300d<\/p>\n<p>HTML<\/p>\n<pre class=\"lang:default decode:true\">&lt;html&gt;\r\n&lt;head&gt;\r\n    &lt;meta http-equiv=\"content-type\" content=\"text\/html;charset=utf-8\"&gt;\r\n    &lt;style&gt;\r\n        *{\r\n            font-family: \"\u6977\u4f53\", 'Microsoft YaHei', serif;\r\n        }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;<\/pre>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5221\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-075.png\" alt=\"\" width=\"390\" height=\"188\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-075.png 390w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/10\/Image-075-300x145.png 300w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/p>\n<p>--<\/p>\n<h2>\u9801\u9996\u3001\u9801\u5c3e\u53ca\u5927\u7db1<\/h2>\n<ul>\n<li><a href=\"https:\/\/hk.saowen.com\/a\/123fe76e1518304f2432723acbc6a4c976e214d95cb321a79a4c6282769414e6\" target=\"_blank\" rel=\"noopener\">HTML \u8f49 PDF \u4e4b wkhtmltopdf \u5de5\u5177\u7cbe\u8b1b<\/a><\/li>\n<li><a href=\"https:\/\/qii404.me\/2016\/07\/22\/wkhtmltopdf.html\" target=\"_blank\" rel=\"noopener\">wkhtmltopdf \u8f6c\u6362HTML\u4e3aPDF\u65f6\u4e0d\u663e\u793a\u4e2d\u6587<\/a><\/li>\n<\/ul>\n<p>--<\/p>\n<h2>\u7d19\u672c\u7248\u9762\u6392\u7248\u554f\u984c<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.jianshu.com\/p\/768a45c10ad9\" target=\"_blank\" rel=\"noopener\">\u5173\u4e8ewkhtmltopdf\uff0c\u4f60\u4e00\u5b9a\u60f3\u77e5\u9053\u8fd9\u4e9b<\/a><\/li>\n<\/ul>\n<pre class=\"lang:default decode:true\">&lt;style&gt;\r\n    *{\r\n        font-family: \"Microsoft YaHei Mono\", serif;\r\n        font-size: 18px; \r\n        letter-spacing: 0; \r\n        white-space: pre; \r\n        word-wrap: break-word;\r\n    }\r\n&lt;\/style&gt;<\/pre>\n<p>--<\/p>\n<h2>\u80cc\u666f\u5716\u7247<\/h2>\n<ul>\n<li><a class=\"question-hyperlink\" href=\"https:\/\/stackoverflow.com\/questions\/26941747\/wkhtmltopdf-background-image-problems\" target=\"_blank\" rel=\"noopener\">wkhtmltopdf background-image problems<\/a><\/li>\n<\/ul>\n<p>\u5c07\u5716\u7247\u4f4d\u5740\u8f49\u63db\u6210\u5b8c\u6210\u7684 URL\uff0c\u4e5f\u5c31\u662f\u52a0\u4e0a http:\/\/ \u6216 https:\/\/ \u7684\u7db2\u5740\u5373\u53ef<\/p>\n<p>\u5982\u679c\u8981\u5c07 A4 \u6eff\u7248\u5e95\u5716\u7684\u8a71\uff0c\u5728\u908a\u754c\u90fd\u8a2d\u5b9a\u70ba 0 \u7684\u60c5\u6cc1\uff0c\u5728\u5e95\u5716\u8655\u5bf8\u70ba 1038*1468 \u6642 div \u5c3a\u5bf8\u8a2d\u5b9a\u70ba 1044*1468<\/p>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"5141\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;15,316&nbsp;total views, &nbsp;5&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u7528\u00a0wkhtmltopdf ...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"5141\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;15,316&nbsp;total views, &nbsp;5&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[286],"tags":[294,60,295],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5141"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5141"}],"version-history":[{"count":26,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5141\/revisions"}],"predecessor-version":[{"id":11149,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5141\/revisions\/11149"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}