在建網(wǎng)站的過程當(dāng)中使用背景圖片似乎是繞不過去的一個環(huán)節(jié)，背景圖的使用能更好的襯托出想要表達的內(nèi)容，也可以讓局部細(xì)節(jié)達到最完美的狀態(tài)，合理使用背景能夠讓視覺感官有一個更加的舒服體驗，專業(yè)設(shè)計師會讓背景用的恰到好處，沒有目的的使用往往會適得其反，不僅達不到想要表現(xiàn)的效果，反而還會喧賓奪主影響主體內(nèi)容的表現(xiàn)。

　　建網(wǎng)站時對于圖片的顏色也有一定的選擇技巧，鄭州建企業(yè)網(wǎng)站時可以選擇和主頁面相溶合的顏色，以達到視覺平滑，分享幾點背景圖片的使用方法：

　　第一種用法：幻燈圖或大banner圖

　　一個當(dāng)下的網(wǎng)站往往離不開大尺寸的幻燈圖片或banner大圖，大圖組合創(chuàng)意和文字給人帶來的視覺效果是相當(dāng)震撼的，再加上一般會顯示在網(wǎng)頁的第一屏重要程度不用言語，使用方式一般做背景來用，寬度1920px高度不超過700px，只要是新做的網(wǎng)站都會有這個模塊。

　　第二種用法：頁面中間固定模式

　　在這種使用方式下，大圖片一般會以全屏尺寸來設(shè)計，如1920X900px的尺寸，平鋪不重復(fù)做為網(wǎng)頁某一塊的背景，同時設(shè)置圖片展現(xiàn)行為fixed固定不動，當(dāng)用戶拉動網(wǎng)頁下拉滾動條的時候會造成頁面內(nèi)容在往上移動而背景固定不動的視頻效果。

　　第三種用法：小范圍頻道背景

　　往往使用于網(wǎng)頁小塊的頻道頭或分類標(biāo)題下，可以是純顏色，如果想要達到很好的視覺效果就只能使用圖片，做為背景圖片時顏色往往較重，而上面的文字一般用亮色，用一個重的背景來襯托文字，視覺效果相當(dāng)不錯。

　　第四種用法：局部動態(tài)效果展示

　　在這種展示效果中用到的背景圖片往往是以PNG圖片為主的透明素材，用DIV+CSS寫好布局再加CSS3的動畫特效，能給人非常強烈的視覺體驗，CSS3動畫效果的強大也是FLASH沒落的一個重要原因。

　　第五種用法：網(wǎng)頁精靈圖(css sprites)

　　所謂網(wǎng)頁精靈圖Sprites即使用一張大圖把整個或部分網(wǎng)頁用到的小圖都全部集中到一張圖片上，然后在網(wǎng)頁使用時再通過各個小圖的坐標(biāo)位置來分別調(diào)用，使用負(fù)值來調(diào)用分別對應(yīng)的圖片位置。

html轉(zhuǎn)為pdf的組件有很多，但是還沒有哪一款能達到這個效果，其只要原因是wkhtmltopdf使用webkit網(wǎng)頁渲染引擎開發(fā)的用來將 html轉(zhuǎn)成 pdf的工具，可以跟多種腳本語言進行集成來轉(zhuǎn)換文檔。但是就使用簡便性來說還是itext等組件占據(jù)優(yōu)勢，如果你要轉(zhuǎn)換格式有比較高的要求，那么wkhtmltopdf絕對是不二之選！

下載路徑

官網(wǎng)地址 wkhtmltopdf.org/

github地址 github.com/wkhtmltopdf…

使用方法

1. windows直接使用：只要在windows命令行中輸入c:\wkhtmltopdf.exe my.oschina.net/papio/blog/… c:\blog.pdf 就可以把這篇文章轉(zhuǎn)成pdf，并保存到C盤根目錄。
2. java調(diào)用：java中調(diào)用wkhtmltopdf的命令Runtime.getRuntime().exec("c:\wkhtmltopdf.exe my.oschina.net/papio/blog/… c:\blog.pdf")就可以實現(xiàn)轉(zhuǎn)換。

java調(diào)用demo

public class HtmlToPdfInterceptor extends Thread { private InputStream is; public HtmlToPdfInterceptor(InputStream is){ this.is = is; } public void run(){ try{ InputStreamReader isr = new InputStreamReader(is, "utf-8"); BufferedReader br = new BufferedReader(isr); String line = null; while ((line = br.readLine()) != null) { System.out.println(line.toString()); //輸出內(nèi)容 } }catch (IOException e){ e.printStackTrace(); } }}public class HtmlToPdf { //wkhtmltopdf在系統(tǒng)中的路徑 private static final String toPdfTool = "D:\wkhtmltopdf\bin\wkhtmltopdf.exe"; /** * html轉(zhuǎn)pdf * @param srcPath html路徑，可以是硬盤上的路徑，也可以是網(wǎng)絡(luò)路徑 * @param destPath pdf保存路徑 * @return 轉(zhuǎn)換成功返回true */ public static boolean convert(String srcPath, String destPath){ File file = new File(destPath); File parent = file.getParentFile(); //如果pdf保存路徑不存在，則創(chuàng)建路徑 if(!parent.exists()){ parent.mkdirs(); } StringBuilder cmd = new StringBuilder(); cmd.append(toPdfTool); cmd.append(" "); cmd.append(" --header-line");//頁眉下面的線 cmd.append(" --header-center 這里是頁眉這里是頁眉這里是頁眉這里是頁眉 ");//頁眉中間內(nèi)容 //cmd.append(" --margin-top 30mm ");//設(shè)置頁面上邊距 (default 10mm) cmd.append(" --header-spacing 10 ");//(設(shè)置頁眉和內(nèi)容的距離,默認(rèn)0) cmd.append(srcPath); cmd.append(" "); cmd.append(destPath); boolean result = true; try{ Process proc = Runtime.getRuntime().exec(cmd.toString()); HtmlToPdfInterceptor error = new HtmlToPdfInterceptor(proc.getErrorStream()); HtmlToPdfInterceptor output = new HtmlToPdfInterceptor(proc.getInputStream()); error.start(); output.start(); proc.waitFor(); }catch(Exception e){ result = false; e.printStackTrace(); } return result; } public static void main(String[] args) { HtmlToPdf.convert("https://my.oschina.net/papio/blog/835645", "d:/wkhtmltopdf.pdf"); }}復(fù)制代碼

wkhtmltopdf 參數(shù)詳解

wkhtmltopdf [OPTIONS]... <input file> [More input files] <output file>常規(guī)選項 --allow <path> 允許加載從指定的文件夾中的文件或文件（可重復(fù)） --book* 設(shè)置一會打印一本書的時候，通常設(shè)置的選項 --collate 打印多份副本時整理 --cookie <name> <value> 設(shè)置一個額外的cookie（可重復(fù)） --cookie-jar <path> 讀取和寫入的Cookie，并在提供的cookie jar文件 --copies <number> 復(fù)印打印成pdf文件數(shù)（默認(rèn)為1） --cover* <url> 使用HTML文件作為封面。它會帶頁眉和頁腳的TOC之前插入 --custom-header <name> <value> 設(shè)置一個附加的HTTP頭（可重復(fù)） --debug-javascript 顯示的javascript調(diào)試輸出 --default-header* 添加一個缺省的頭部，與頁面的左邊的名稱，頁面數(shù)到右邊，例如： --header-left '[webpage]' --header-right '[page]/[toPage]' --header-line --disable-external-links* 禁止生成鏈接到遠程網(wǎng)頁 --disable-internal-links* 禁止使用本地鏈接 --disable-javascript 禁止讓網(wǎng)頁執(zhí)行JavaScript --disable-pdf-compression* 禁止在PDF對象使用無損壓縮 --disable-smart-shrinking* 禁止使用WebKit的智能戰(zhàn)略收縮，使像素/ DPI比沒有不變 --disallow-local-file-access 禁止允許轉(zhuǎn)換的本地文件讀取其他本地文件，除非explecitily允許用 --allow --dpi <dpi> 顯式更改DPI（這對基于X11的系統(tǒng)沒有任何影響） --enable-plugins 啟用已安裝的插件（如Flash --encoding <encoding> 設(shè)置默認(rèn)的文字編碼 --extended-help 顯示更廣泛的幫助，詳細(xì)介紹了不常見的命令開關(guān) --forms* 打開HTML表單字段轉(zhuǎn)換為PDF表單域 --grayscale PDF格式將在灰階產(chǎn)生 --help Display help --htmldoc 輸出程序HTML幫助 --ignore-load-errors 忽略claimes加載過程中已經(jīng)遇到了一個錯誤頁面 --lowquality 產(chǎn)生低品質(zhì)的PDF/ PS。有用縮小結(jié)果文檔的空間 --manpage 輸出程序手冊頁 --margin-bottom <unitreal> 設(shè)置頁面下邊距 (default 10mm) --margin-left <unitreal> 將左邊頁邊距 (default 10mm) --margin-right <unitreal> 設(shè)置頁面右邊距 (default 10mm) --margin-top <unitreal> 設(shè)置頁面上邊距 (default 10mm) --minimum-font-size <int> 最小字體大小 (default 5) --no-background 不打印背景 --orientation <orientation> 設(shè)置方向為橫向或縱向 --page-height <unitreal> 頁面高度 (default unit millimeter) --page-offset* <offset> 設(shè)置起始頁碼 (default 1) --page-size <size> 設(shè)置紙張大小: A4, Letter, etc. --page-width <unitreal> 頁面寬度 (default unit millimeter) --password <password> HTTP驗證密碼 --post <name> <value> Add an additional post field (repeatable) --post-file <name> <path> Post an aditional file (repeatable) --print-media-type* 使用的打印介質(zhì)類型，而不是屏幕 --proxy <proxy> 使用代理 --quiet Be less verbose --read-args-from-stdin 讀取標(biāo)準(zhǔn)輸入的命令行參數(shù) --readme 輸出程序自述 --redirect-delay <msec> 等待幾毫秒為JS-重定向(default 200) --replace* <name> <value> 替換名稱,值的頁眉和頁腳（可重復(fù)） --stop-slow-scripts 停止運行緩慢的JavaScripts --title <text> 生成的PDF文件的標(biāo)題（第一個文檔的標(biāo)題使用，如果沒有指定） --toc* 插入的內(nèi)容的表中的文件的開頭 --use-xserver* 使用X服務(wù)器（一些插件和其他的東西沒有X11可能無法正常工作） --user-style-sheet <url> 指定用戶的樣式表，加載在每一頁中 --username <username> HTTP認(rèn)證的用戶名 --version 輸出版本信息退出 --zoom <float> 使用這個縮放因子 (default 1) 頁眉和頁腳選項--header-center* <text> (設(shè)置在中心位置的頁眉內(nèi)容) --header-font-name* <name> (default Arial) (設(shè)置頁眉的字體名稱)--header-font-size* <size> (設(shè)置頁眉的字體大小)--header-html* <url> (添加一個HTML頁眉,后面是網(wǎng)址)--header-left* <text> (左對齊的頁眉文本)--header-line* (顯示一條線在頁眉下)--header-right* <text> (右對齊頁眉文本)--header-spacing* <real> (設(shè)置頁眉和內(nèi)容的距離,默認(rèn)0)--footer-center* <text> (設(shè)置在中心位置的頁腳內(nèi)容) --footer-font-name* <name> (設(shè)置頁腳的字體名稱) --footer-font-size* <size> (設(shè)置頁腳的字體大小default 11)--footer-html* <url> (添加一個HTML頁腳,后面是網(wǎng)址)--footer-left* <text> (左對齊的頁腳文本)--footer-line* 顯示一條線在頁腳內(nèi)容上)--footer-right* <text> (右對齊頁腳文本)--footer-spacing* <real> (設(shè)置頁腳和內(nèi)容的距離)./wkhtmltopdf --footer-right '[page]/[topage]' http://www.baidu.com baidu.pdf./wkhtmltopdf --header-center '報表' --header-line --margin-top 2cm --header-line http://192.168.212.139/oma/ oma.pdf表內(nèi)容選項中 --toc-depth* <level> Set the depth of the toc (default 3) --toc-disable-back-links* Do not link from section header to toc --toc-disable-links* Do not link from toc to sections --toc-font-name* <name> Set the font used for the toc (default Arial) --toc-header-font-name* <name> The font of the toc header (if unset use --toc-font-name) --toc-header-font-size* <size> The font size of the toc header (default 15) --toc-header-text* <text> The header text of the toc (default Table Of Contents) --toc-l1-font-size* <size> Set the font size on level 1 of the toc (default 12) --toc-l1-indentation* <num> Set indentation on level 1 of the toc (default 0) --toc-l2-font-size* <size> Set the font size on level 2 of the toc (default 10) --toc-l2-indentation* <num> Set indentation on level 2 of the toc (default 20) --toc-l3-font-size* <size> Set the font size on level 3 of the toc (default 8) --toc-l3-indentation* <num> Set indentation on level 3 of the toc (default 40) --toc-l4-font-size* <size> Set the font size on level 4 of the toc (default 6) --toc-l4-indentation* <num> Set indentation on level 4 of the toc (default 60) --toc-l5-font-size* <size> Set the font size on level 5 of the toc (default 4) --toc-l5-indentation* <num> Set indentation on level 5 of the toc (default 80) --toc-l6-font-size* <size> Set the font size on level 6 of the toc (default 2) --toc-l6-indentation* <num> Set indentation on level 6 of the toc (default 100) --toc-l7-font-size* <size> Set the font size on level 7 of the toc (default 0) --toc-l7-indentation* <num> Set indentation on level 7 of the toc (default 120) --toc-no-dots* Do not use dots, in the toc輪廓選項 --dump-outline <file> 轉(zhuǎn)儲目錄到一個文件 --outline 顯示目錄(文章中h1,h2來定) --outline-depth <level> 設(shè)置目錄的深度（默認(rèn)為4）頁腳和頁眉 * [page] 由當(dāng)前正在打印的頁的數(shù)目代替 * [frompage] 由要打印的第一頁的數(shù)量取代 * [topage] 由最后一頁要打印的數(shù)量取代 * [webpage] 通過正在打印的頁面的URL替換 * [section] 由當(dāng)前節(jié)的名稱替換 * [subsection] 由當(dāng)前小節(jié)的名稱替換 * [date] 由當(dāng)前日期系統(tǒng)的本地格式取代 * [time] 由當(dāng)前時間，系統(tǒng)的本地格式取代
作者：曹元
鏈接：https://juejin.im/post/6856547881873047559
來源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

久沒參與魔方的發(fā)布工作了，今天提筆，有種莫名的生疏和惶恐，從下午四點半一直坐到現(xiàn)在，3個小時，刪刪寫寫。千言無語，千頭萬緒，千百般滋味涌上心頭，真的很懷念那些年每個周五定期一更的日子，簡單而快樂。

2006年12月Vista優(yōu)化大師發(fā)布第一個測試版，再到2009年9月發(fā)布魔方0.1，時光荏苒，便過去了9年。很多當(dāng)初最早的那批朋友，現(xiàn)在都成了老友，有時候一覺醒來，發(fā)現(xiàn)軟媒的那個最老用戶群里的消息閃爍，由衷的開心，沒有什么比熟悉的感覺更有韻味。

產(chǎn)品部的魔方一哥過來催文了，盡管他說理解我的心情啊什么的，但是為了保持一貫的不加班作風(fēng)，我得直入主題了——

魔方6.16正式版現(xiàn)在發(fā)布，“忍不住”還是讓產(chǎn)品組加了新功能，本來說好的要克制加新功能的沖動，重點大幅改進清理等原有常用功能的。

這次忍不住要加的新功能，大家在標(biāo)題里面已經(jīng)看到了，就是一鍵提取微軟官方的精美聚焦壁紙（美化大師頂部加入了“聚焦壁紙”）。熟悉微軟的朋友都知道，Win10TH2開始系統(tǒng)增加了“Windows 聚焦”壁紙，大家在系統(tǒng)設(shè)置的“個性化”-“鎖屏設(shè)置”里面可以設(shè)置鎖屏的背景壁紙為“Windows 聚焦”，如下圖所示：

這些微軟官方提供的鎖屏壁紙還是非常精美的，會自動的下載并切換，于是魔方便加入了提取功能，需要注意的是，這兒的提取，是提取的本機已經(jīng)下載的，如果您之前沒有開啟過Windows聚焦功能，是抓不到的。這個抓取功能更方便的是讓大家隨時保存最新的。那過去的好看聚焦壁紙怎么辦？別著急，我們在軟件界面提供了所有Win10歷史聚焦壁紙下載大全的鏈接，很貼心的說。

當(dāng)然，這次魔方還有其他的有愛更新，例如清理大師的重復(fù)文件查找支持了批量選擇和刪除操作，例如設(shè)置大師中加入了讓資源管理器關(guān)閉mkv文件的預(yù)覽以防止卡頓，軟媒雷達、軟媒時間、WiFi助手、軟媒壓縮等都有界面和功能修復(fù)改進。

具體更新內(nèi)容的細(xì)節(jié)，請看下面的更新歷史吧！

PS：按照慣例，軟媒魔方將在發(fā)布數(shù)十分鐘后才放開自動升級。

一、軟媒魔方更新歷史

軟媒魔方 6.1.6.0 正式版 - 2015年12月17日

魔方主程序 6.1.6.0：

新增：應(yīng)用大全 - 增加旗魚瀏覽器PC版入口

軟媒美化大師 3.6.9.0：

新增：針對Win10 TH2增加Windows聚焦壁紙一鍵提取功能

軟媒時間 3.1.3.0：

修正：界面 - 多云和陰天的小圖標(biāo)弄反的問題修正：界面 - 系統(tǒng)開啟高DPI的時候，窗口太小的問題

軟媒清理大師 3.7.3.0：

新增：隱私清理 - Office 2016打開歷史記錄清理

改進：重復(fù)文件查找 - 支持批量操作改進：注冊表清理 - 屏蔽注冊表清理功能

修正：隱私清理 - Office 2013打開歷史記錄清理不掉的問題

軟媒設(shè)置大師 3.6.8.0：

新增：資源管理器 - 關(guān)閉MKV視頻預(yù)覽

軟媒雷達 6.0.7.0：

修正：本機信息 - 讀取IE的Flash Player版本號錯誤的問題修正：界面 - 系統(tǒng)開啟高DPI的時候，窗口太小的問題

軟媒IE管理大師 1.9.8.0：

修正：界面 - 系統(tǒng)開啟高DPI的時候，窗口太小的問題

軟媒WiFi助手 1.1.8.0：

修正：穩(wěn)定性 - 啟動WiFi助手時可能發(fā)生的崩潰問題

軟媒壓縮 1.1.5.0：

修正：界面 - 系統(tǒng)開啟高DPI的時候，窗口太小的問題

二、為什么大家都在用魔方？

軟媒魔方好不好？軟媒魔方有什么用？為什么要用軟媒魔方？

先列出一些基本組件功能：

1、清理大師：一鍵清理、深度清理、注冊表清理、字體清理，還有隱私清理。。。難道你不需要？

2、美化大師：改系統(tǒng)字體、DIY win7開始按鈕、設(shè)置開機動畫、破解系統(tǒng)主題、修改系統(tǒng)聲音。。。怎么個性怎么玩，美化大師全搞定！

3、優(yōu)化大師：一鍵加速、添加、刪除系統(tǒng)啟動項，讓你輕松掌控系統(tǒng)進程的開啟！

4、軟媒時間，軟媒全球首創(chuàng)獨創(chuàng)的創(chuàng)意，任務(wù)欄時間區(qū)加入農(nóng)歷、天氣等顯示，不占任何額外空間，超NB！

5、軟媒桌面：哈，Windows系統(tǒng)里多了類似蘋果Mac OS X的快捷欄，方便大發(fā)了。

6、軟件管家：精選裝機必備軟件大全，下載杠杠的……

7、系統(tǒng)雷達：任務(wù)欄窗口+桌面懸浮窗自由隨意選擇，實時監(jiān)控網(wǎng)絡(luò)流量、CPU、內(nèi)存占用、磁盤讀寫，簡單、清晰、方便！

8、U盤啟動：一鍵制作U盤系統(tǒng)安裝盤，裝機還是PE維護簡直輕松到極點！

9、硬盤裝機：僅需兩步，輕松幫你重裝系統(tǒng)，win7、win8、win10，想裝什么裝什么，你肯定需要！

10、WiFi共享助手：超級簡單，打開軟件，一鍵開啟熱點，立馬擺脫手機流量不夠用的困擾！！親，你的流量還夠用嗎？

還有啥？上面列出的連一半功能都不到，還有網(wǎng)速測試、磁盤大師、文件校驗、文件解鎖、文件分割合并、文件粉碎……等等，還有好多功能，你能想到的基本都有！

軟媒魔方現(xiàn)在已經(jīng)有4000萬用戶下載使用，好用沒得說！

三、軟媒魔方軟件截圖

只需一鍵，智能模式讓你可以放心的把軟媒魔方介紹給你的老婆、小姨子和表妹……

右上角輕松切換到專業(yè)模式，熟悉中包含著科學(xué)改進后的經(jīng)典布局

軟媒時間，風(fēng)云變幻-不占用任何額外空間，萬年歷天氣鬧鐘記事本在任務(wù)欄時間區(qū)完美呈現(xiàn)；

軟媒桌面，好玩好看-喜歡的鼠標(biāo)拖進來，不愛的鼠標(biāo)拖出去，桌面干凈整潔靈動驚艷；

軟媒雷達，實時偵探-把握您愛機的每一跳脈動，精確掌控系統(tǒng)軟硬件的占用資源；

軟件管家，純凈精干-編輯精選裝機必備的500款最常用軟件，一鍵安裝絕無插件；

四、軟媒魔方下載信息

初級用戶解惑：安裝包和綠色版有什么不同？安裝版下載后直接雙擊運行即可進入向?qū)О惭b，方便快捷。綠色版是ZIP壓縮格式，直接解壓到你指定的文件夾路徑下。

軟媒 - 存在，創(chuàng)造價值。

微信搜索“IT之家”關(guān)注搶6s大禮！下載IT之家客戶端（戳這里）也可參與評論抽樓層大獎！