「干貨」js一鍵將網(wǎng)頁轉(zhuǎn)成圖片

功能主要用于截圖分享功能

主要利用了H5的canvas功能，分為 2個js文件 html2canvas.js和canvas2image.js
項目源碼的壓縮包會在文章的最底部分享給大家。

界面代碼如下：

<!DOCTYPE html>

<head>

<title>html2image</title>

$(document).ready(function () {

$("#saveAsImage").click(function (e) {

saveHtml2Image("div1", 1);

});

function saveHtml2Image(objId, scale) {

document.body.scrollTop = 0;

var obj = $("body");

var width = obj.width();;

var height = obj.height();

var scaledCanvas = document.createElement("canvas");

scaledCanvas.width =width;

scaledCanvas.height = height;

scaledCanvas.style.width = width + "px";

scaledCanvas.style.height = height + "px";

var scaledContext = scaledCanvas.getContext("2d");

scaledContext.scale(1, 1);

var width = $(window).width();

var height = $(window).height();

html2canvas(obj, {

canvas: scaledCanvas,

width: width,

height: height,

background: "rgba(255,255,255,1)",

allowTaint:true,

onrendered: function (canvas) {

var dataUrl = Canvas2Image.saveAsJPEG(canvas, parseInt(width * scale), parseInt(height * scale));

obj.html("<img src='"+dataUrl+"' crossOrigin = 'anonymous'>")

}

});

}

</script>

</head>

<div>

<span>

我要變圖片

</span>

</div>

<div>

<span>

我要變圖片

</span>

</div>

<a href="" id="downloadImage" style="display:none;">downloadImage</a>

</div>

</body>

</html>

源碼分享：云盤鏈接審核失敗，請私信我

常辦公或?qū)W習(xí)中，有時需要將圖片輸出成PDF文件進行傳輸，這是為了保護我們的圖片文件不被更改數(shù)據(jù)。

我們都知道，圖片可以轉(zhuǎn)換成pdf文件，而最常見的圖片格式有jpg和png。那么jpg圖片轉(zhuǎn)pdf怎么轉(zhuǎn)換呢？使用風(fēng)云PDF轉(zhuǎn)換器軟件可以完成哦。小編整理了一些相關(guān)內(nèi)容分享給大家，有需要的朋友可以來看看哦。

需要使用的軟件工具：風(fēng)云PDF轉(zhuǎn)換器

工具下載地址：http://www.fengyunsoft.cn/pdfconvert.html

請看詳細(xì)的jpg轉(zhuǎn)pdf步驟：

第1步，先在電腦上下載并安裝“風(fēng)云PDF轉(zhuǎn)換器”軟件工具，然后打開使用，點擊軟件首頁上的【文件轉(zhuǎn)PDF】選項進入內(nèi)頁，里面有圖片轉(zhuǎn)pdf功能。

第2步，進入內(nèi)頁后先找到并點擊【圖片轉(zhuǎn)PDF】功能;再點擊【添加文件】藍(lán)色按鈕，將需要轉(zhuǎn)成pdf的圖片全部添加到軟件中。

第3步，根據(jù)自己的需求選擇是否將所有圖片合成一個PDF;然后設(shè)置輸出目錄文件夾，用來保存轉(zhuǎn)換成的pdf文件。

第4步，點擊軟件右上角的【開始轉(zhuǎn)換】紅色按鈕啟動轉(zhuǎn)換，轉(zhuǎn)換完成后軟件會自動打開輸出文件夾，可以看到轉(zhuǎn)換后的pdf文件就保存在這里。

第5步驟，從結(jié)果我們可以看到，軟件成功地將5張圖片合并轉(zhuǎn)成了一個pdf文件。

好了，以上就是小編今天帶來的所有內(nèi)容了。了解更多就點個關(guān)注吧，快快收藏吧，更多精彩不容錯過！

過 Amazon Kindle 官方商店購買電子書，可以輕松實現(xiàn)「下單買電子書 - 推送至 Kindle」，但僅僅依靠官方商店渠道獲取的電子書數(shù)量可能還不足夠，Kindle 用戶選擇從網(wǎng)上其他渠道下載回來的電子文件，大多數(shù)是 pdf、epub 格式，直接放在 Kindle 設(shè)備上，會面臨格式不支持或者內(nèi)容排版變形等問題。

為了解決以上的問題，我收集了幾款本地工具和在線工具的解決方案，幫助大家輕松應(yīng)對電子書格式轉(zhuǎn)換，在 Kindle 上獲得即點即開的閱讀體驗。

本地工具

Kindle 設(shè)備目前原生支持 mobi、azw 和 azw3 三種電子書格式，其中 mobi、azw 是較早推出的格式標(biāo)準(zhǔn)，而 azw3 是在 2011 年 Kindle Fire 平板一并推出的格式，由于其支持 HTML5 和 CSS3 語法，最后輸出的內(nèi)容有著較好的排版支持效果。

對于電子書格式轉(zhuǎn)換需求，下面收集了四款本地工具，有 Amazon 官方出品的 KindleGen、Kindle Comic Creator，也有最熱門的本地電子書管理工具 Calibre，而 EasyPub、Kindle Comic Converter 和 ChainLP 解決了其他文檔格式轉(zhuǎn)換的問題。

KindleGen

KindleGen是一款亞馬遜官方推出的電子書格式免費轉(zhuǎn)換工具，主要功能是將 HTML、XHTML 或者 epub 文檔轉(zhuǎn)換成 Kindle 設(shè)備兼容的 mobi 格式。KindleGen 實際上是一款命令行工具，支持 Windows、Mac 和 Linux 平臺，以將 epub 格式的《1984》轉(zhuǎn)換成 mobi 為例子，具體使用步驟：

1.下載并解壓 KindleGen 壓縮包，由于亞馬遜官方頁面暫時不支持中國區(qū)下載，建議大家在書伴頁面找到百度網(wǎng)盤下載壓縮包;

2.比如將壓縮包解壓到文件路徑 D:\KindleGen，打開 Windows 命令提示符，輸入D:\KindleGen\kindlegen，系統(tǒng)將反饋 KindleGen 的使用說明；

3.比如將《1984》電子書放在 D:\ebook，命令行窗口輸入cd /d D:\ebook進入電子書所在的目錄文件位置；

4.輸入 D:\KindleGen\kindlegen 1984.epub，轉(zhuǎn)換成功后自動在 epub 源文件的目錄位置生成 1984.mobi 文件。

另外還有一個更簡便的方法，將 1984.epub 文件直接拖拽至 kindlegen.exe 應(yīng)用程序圖標(biāo)上，KindleGen 工具會自動彈出轉(zhuǎn)換的頁面，并在源文件的位置下生成 mobi 文件。

Kindle Comic Creator

Kindle Comic Creator則是一款亞馬遜官方專門為漫畫作者和出版商推出的漫畫轉(zhuǎn)電子書的免費工具，適用 Windows、Mac 平臺，支持將 JPG、PDF、TIFF、PNG 和 PPM 轉(zhuǎn)換成 mobi 電子書。提前準(zhǔn)備好幾張示例圖片后，KCC 使用步驟如下：

1.打開 KCC 主界面后，選擇創(chuàng)建新圖書，彈出創(chuàng)建窗口，按步驟填寫「面板選擇」和「元數(shù)據(jù)和設(shè)置」的選項，包括了圖書定位、翻頁方向、畫布大小、封面圖片和輸出保存的位置；

2.完成基本信息輸入后，進入圖像添加的編輯界面，在左邊欄的圖書管理器中，圖書設(shè)置和頁面設(shè)置中提供了更詳細(xì)的元數(shù)據(jù)和頁面調(diào)整的選項，右邊欄有 Kindle 設(shè)備預(yù)覽效果；

3.選擇菜單欄「文件 - 導(dǎo)出為 KF8 圖書」輸出生成 mobi 電子書文件（快捷鍵 F5直接在制定目錄生成轉(zhuǎn)換文件）。

除了亞馬遜官方出品的 KCC 軟件外，ChainLP、Kindle Comic Converter也能夠把漫畫圖片輕松轉(zhuǎn)換成 epub、mobi 格式文檔。

Calibre

Calibre是一款電子書管理工具神器，也提供了格式轉(zhuǎn)換功能，支持 Windows、Mac 和 Linux 平臺，甚至提供了便攜綠色版本，我們通過內(nèi)置的命令行工具 ebook-convert 或者圖形界面完成各種電子書格式轉(zhuǎn)換。

ebook-convert命令語法是：

ebook-convert input_file output_file [options]

參照 Calibre wiki 文檔、顯示，input_file 支持輸入的格式 azw4、chm、comic、docx、epub、fb2、html、mobi、pdf、txt 等格式，output_file 則支持輸出 azw3、docx、epub、html、mobi、 pdf、txt 等主要格式。

輸入如下命令，實現(xiàn)將 1984.epub 文件轉(zhuǎn)換成 1984.mobi 文件格式。

ebook-convert 1984.epub 1984.mobi

圖形界面。Calibre 主界面中選中書籍后，在工具欄選擇「轉(zhuǎn)換書籍」打開轉(zhuǎn)換界面，接著在右上角的輸出格式選項，選擇希望輸出的文檔格式（支持輸入格式參照 ebook-convert 命令行介紹部分）。另外亞馬遜近期推出較新的電子書格式 KFX，如果需要將 KFX 和其他格式互轉(zhuǎn)的話，可以嘗試安裝 Calibre 插件 KFX Input 以及 KFX Output。

EasyPub

跟 Calibre 提供一站式電子書解決方案不同之處在于，EasyPub 提供功能相對單一，它是一款針對 TXT 轉(zhuǎn)換成 mobi、epub 格式的免費工具，僅支持 Windows 系統(tǒng)，下載地址在書伴網(wǎng) 頁面搜索即可。

在格式轉(zhuǎn)換的設(shè)置標(biāo)簽頁中，用戶可以利用章節(jié)部分的調(diào)整選項，通過文檔的章節(jié)規(guī)則生成較好的文件目錄。

如果用戶經(jīng)常從網(wǎng)絡(luò)中下載的文檔以 TXT 格式為準(zhǔn)，那么 EasyPub 這款純粹單一的轉(zhuǎn)換工具能夠滿足大部分需求。

在線工具

除了以上四款本地工具外，在線工具同樣能夠滿足電子書格式轉(zhuǎn)換需求，其優(yōu)勢是免除了安裝應(yīng)用程序的繁瑣操作，不占用本地空間資源，隨用隨打開在線頁面。

Convertio

Convertio支持各類文檔格式相互轉(zhuǎn)換、OCR 識別功能，通過超鏈接、Dropbox 和 Google Drive 導(dǎo)入文件，注冊賬戶支持最大 100MB 文件大小。最省心的地方在于，用戶上傳文件后，Convertio 將自動識別上傳文件的格式，給出轉(zhuǎn)換成對應(yīng)格式的選項。在電子書格式轉(zhuǎn)換中，Convertio 電子書轉(zhuǎn)換支持輸出 mobi、azw3、epub 常見格式，也支持轉(zhuǎn)換成 lrf、snb、rb 等較少見的電子書格式。

Kindle 郵箱

Kindle 郵箱除了解決了文件推送到 Kindle 設(shè)備的問題外，還能夠「曲線救國」解決 epub 格式在 Kindle 閱讀器上閱讀，只需要將 epub 文件格式手動改為 zip，再通過電郵方式推送到 Kindle 個人郵箱，亞馬遜個人文檔云存儲將自動轉(zhuǎn)換格式后推送到 Kindle 設(shè)備中，用戶直接打開文檔即可閱讀。

結(jié)語

或許 Kindle 吃灰的原因不在于電子書格式轉(zhuǎn)換的問題，但以上推薦的六款工具可以很好解決大家從網(wǎng)上下載和制作的文檔后，轉(zhuǎn)換成 Kindle 設(shè)備支持閱讀的格式，本地工具憑著更豐富的轉(zhuǎn)換設(shè)置選項更細(xì)致地調(diào)整轉(zhuǎn)換效果，在線工具則有著「用完即刪、隨用隨開」的優(yōu)勢。希望這篇工具合輯讓 Kindle 電子書格式轉(zhuǎn)換的問題，不再成為大家閱讀電子書的「絆腳石」。

在線咨詢

上一篇：HTML5游戲怎么做？
下一篇：亞馬遜運營必備技能，一分鐘學(xué)會HTML「附各HTML工具測評」

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

「干貨」js一鍵將網(wǎng)頁轉(zhuǎn)成圖片

功能主要用于截圖分享功能

源碼分享：云盤鏈接審核失敗，請私信我

本地工具

在線工具

結(jié)語

您的項目需求