整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
們使用HTML5的Canvas在畫布中繪制的圖形都僅限于在畫布中使用，而無法在其他位置使用。這實際上是不理想的，特別是如果你希望導出漂亮的畫布繪圖作品，并將他保存在其他位置。其實畫布還有一個很有用的toDataURL方法，這個簡單的方法能夠將畫布繪圖轉換為一個數(shù)據(jù)URL，我們可以通過它在瀏覽器上顯示一個圖像。
這個方法實際上是很簡單的，所以下面馬上使用這個方法來導出一個基本圖形，后面會詳細講述它的工作原理。
這段代碼將繪制一系列相互疊加的正方形，然后將圖像數(shù)據(jù)URL賦值給dataURL變量。你會看到這三個正方形在瀏覽器的顯示效果（參見圖1），但是現(xiàn)在它仍然是畫布圖像，而不是導出的圖像。下面介紹如何顯示導出的圖像。
圖1 準備將要導出的畫布
這個例子中最關鍵的部分是dataURL變量，下面是你剛剛存儲到此變量中的值的一個片段：
實際的輸出比這些要長得多，但是實際上只有前面4個單詞是我們現(xiàn)在關心的。前面3個單詞是data:image/png；它們表示后續(xù)內容是一個PNG格式的圖像的數(shù)據(jù)URL。第4個單詞是base64，它表示數(shù)據(jù)采用base64編碼格式。這種格式經常用于向使用文本數(shù)據(jù)的系統(tǒng)傳輸二進制數(shù)據(jù)（例如圖像）。實際上，在base64后面的所有數(shù)字、字母和符號是以文本表示的畫布圖像。
注意：Canvas規(guī)范支持使用toDataURL方法導出其他類型的圖像，然而，PNG支持是默認的要求，而各個瀏覽器制造商可以自行決定是否支持其他格式的圖像。
這是一個不尋常的做法，但是如果復制dataURL變量中的字符串，然后粘貼到現(xiàn)代瀏覽器的地址欄（只要不超過輸入URL長度限制），那么你就會看到在畫布中繪制的圖像。然后，在需要時，可以右鍵單擊圖像，將它保存到桌面。或者，你可以在例子中用生成的圖像替換canvas元素：
這段代碼使用jQuery創(chuàng)建了一個全新的HTML img元素，然后將圖像數(shù)據(jù)賦值給它的src屬性。最后，使用jQuery的replaceWith方法將canvas元素替換成剛剛創(chuàng)建的img元素。這樣，我們就得到一個圖像，其內容與畫布上繪制的內容完全相同。你可以通過右鍵單擊圖像，然后查看是否有“圖片另存為…”或類似選項，從而確定它是否真是一個圖像（參見圖2）。
圖2 將保存的畫布圖像數(shù)據(jù)保存為一個HTML圖像元素
注意：需要指出的是，base64數(shù)據(jù)比它表示的原始二進制圖像數(shù)據(jù)大50%。如果你處理的是少量較小的圖像，那么這就不是問題，但是如果你處理的是大圖像和大量圖像，它就會有一些問題。
實際上，你可以自由決定如何使用這些圖像數(shù)據(jù)，但是首先需要知道如何將畫布導出為圖像。你甚至可以使用畫布隨意繪制一個圖像，然后導出圖像，使用它作為CSS背景。
語：有時候在電腦上網(wǎng)的時候看見自己喜歡的網(wǎng)站或特別的頁面，自己已經點擊電腦屏幕上方的星號收藏這個頁面了，但有時候看收藏夾又被密密麻麻的內容弄得頭昏眼花，這時，我的處理方法是把收藏的頁面導出來，新建文件夾分類整理好，這樣下次想看什么內容就不用只看收藏夾里小小的字，而是在文件夾中能夠清楚的，按照自己的習慣，分好類別的，整潔的頁面了。下面是具體操作，根據(jù)提示的1、2、3······進行操作，就可以了。
首先打開瀏覽器。找到自己喜歡的頁面，我打開了自己的收藏夾，找到自己喜歡的頁面。然后點擊文字跳轉到具體的那個喜歡的頁面。
然后點擊屏幕上方，瀏覽器的三個點“···”。
然后點擊“更多工具”。
然后點擊“將頁面另存為”。
選擇文件夾，把頁面保存下來。
最后打開電腦你保存文件在什么地方，就能在該地方找到保存的喜歡頁面，該頁面在文件夾里保存的形式為“html”文件。
分享成果，隨喜正能量】人生，有多少計較，就有多少痛苦。有多少寬容，就有多少歡樂。痛苦與歡樂都是心靈的折射，就像鏡子里面有什么，決定于鏡子面前的事物。心里放不下，自然成了負擔，負擔越多，人生越不快樂。計較的心如同口袋，寬容的心猶如漏斗。復雜的心愛計較，簡單的心易快樂。
《VBA信息獲取與處理》教程是我推出第六套教程，目前已經是第一版修訂了。這套教程定位于最高級，是學完初級，中級后的教程。這部教程給大家講解的內容有：跨應用程序信息獲得、隨機信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時操作，剪貼板應用、Split函數(shù)擴展、工作表信息與其他應用交互，F(xiàn)SO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內容。程序文件通過32位和64位兩種OFFICE系統(tǒng)測試。是非常抽象的，更具研究的價值。
教程共兩冊，八十四講。今日的內容是專題八“VBA與HTML文檔”的第二節(jié)上半部分：HTML文檔元素
大家好，我們這講開始HTML的講解，為了認識這種特殊的語言，我們要先看看這種語言中的各種元素個代表什么意義。上節(jié)中在講這種語言的特征時講過，標簽是用來描述網(wǎng)頁的。瀏覽器讀取HTML文檔，識別標簽，并按標簽要求以網(wǎng)頁進行顯示文本。大部分標簽都是成隊出現(xiàn)的。
起始標簽和結束標簽之間的所有文本，都叫做元素。也就是這個格式就是：
<起始標簽:也叫元素名>元素的內容<結束標簽:/+元素名>
標簽是可以擁有屬性的，屬性提供了元素的一些附加信息，起始標簽，有時候格式如下：
<元素名 屬性名稱=”屬性值”>
同時，元素是可以擁有元素的，即某個元素的內容有時候是一個子元素。
元素這東西，比較抽象，我們可以把它且當作一個對象來理解，例如工作簿對象，每個工作簿的名稱都不一樣（屬性），每個工作簿里面都有工作表（子元素），每個表都有名稱（屬性），里面填寫的內容也不一樣（元素的內容）。
在上一講中我們舉了一個最為簡單的實例來說明HTML文檔：
<html>
<body>
<h1>學習VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點，您可以參考我的第一套教程：VBA代碼解決方案</p>
</body>
</html>
我們將上面的格式修正一下，如下面：
<html>
<head> <!--注釋：文檔頭部，文檔相關消息，并不提供文檔內容-->
<title>
VBA應用提高篇
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>學習VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點，您可以先參考我的第一套教程：VBA代碼解決方案</p>
</body>
</html>
將上面的內容寫入記事本中保存為.html文件：HTML基礎學習-1.html
然后我們雙擊打開這個文件，看看瀏覽器的翻譯效果：
我們再看看網(wǎng)頁的源碼：
從上面的框架代碼，我們可以看出，一般的頁面，都有html元素，其一般內含兩個元素，一個是head元素，一個是body元素。Head元素僅僅說明文檔的相關消息，并不展示文檔實體，body元素才是真正展示文檔主體的，所有要在頁面展示的元素，都要在body內進行書寫。
1）HTML標題 <h1> - <h6>
標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。<h1> 定義最大的標題。<h6> 定義最小的標題。瀏覽器會自動地在標題的前后添加空行。標題很重要，將 HTML heading 標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。因為用戶可以通過標題來快速瀏覽您的網(wǎng)頁，所以用標題來呈現(xiàn)文檔結構是很重要的。應該將 h1 用作主標題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。在HTML基礎學習.HTML文件中我們已經用到了標題的元素
2）HTML水平線 <hr />
<hr /> 標簽在 HTML 頁面中創(chuàng)建水平線。可用于分隔內容。
[待續(xù)]
本節(jié)參考文件：HTML基礎學習-1.html；HTML基礎學習-2.html
我20多年的VBA實踐經驗，全部濃縮在下面的各個教程中，教程學習順序：
【分享成果，隨喜正能量】人生，一歲有一歲的味道，一站有一站的風景，你的年齡應該成為你生命的勛章而不是你傷感的理由。 ??
*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。
