html5 canvas在線生成圖片后怎么樣保存到數據庫(服務器端)而不是本地？

canvas畫布保存為圖片：

創新互聯擁有十載成都網站建設工作經驗,為各大企業提供成都做網站、成都網站制作服務，對于網頁設計、PC網站建設（電腦版網站建設）、成都APP應用開發、wap網站建設（手機版網站建設）、程序開發、網站優化（SEO優化）、微網站、域名申請等，憑借多年來在互聯網的打拼，我們在互聯網網站建設行業積累了很多網站制作、網站設計、網絡營銷經驗，集策劃、開發、設計、營銷、管理等網站化運作于一體，具備承接各種規模類型的網站建設項目的能力。

function?convertCanvasToImage(canvas)?{

var?image?=?new?Image();

image.src?=?canvas.toDataURL("image/png");

return?image;

canvas參數為你的canvas對象，返回一個圖片對象，你可以將這個image放到網頁結構中，如果要保存圖像，可以將canvas.toDataURL("image/png")返回的base64格式的圖片數據放到input（type=hidden）中，用戶點擊上傳按鈕（或設置表單自動提交），將base64格式的數據上傳

形如：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABbSURBVDhPY8AFMvJL/oMwlEs8yMgvJVcjyMbSYaERogCC0/OAGIkPwaVQMUhgQWiggWANIAzUhKoBpgjdMIhBUHsxAdxkUgHMBiiXeDAQNkICAsolHuC3kYEBAG/wdxC2W2tUAAAAAElFTkSuQmCC

服務器端接收到字符串（以上字符串可以直接在瀏覽器中打開，IE低版本就算了，能用canvas的瀏覽器都可以）后根據data:image/png得知應該保存的文件類型擴展名（png），然后將base64,后面的base64編碼字符串解碼(后端語言實現，如PHP用base64_decode()函數)，將解碼后的二進制數據以二進制的形式保存到服務器上（圖片形式）

如果存數據庫，可以直接存base64編碼，讀取時候解碼也行，圖片建議以文件形式存儲，數據庫不適合存大文件

HTML5用圖片生成canvas畫布，為什么圖片會模糊？

不光繪制圖片，在高分屏下，繪制文字和線條都會出現模糊的現象，GitHub上有一個hidpi-canvas-polyfill可以很好的解決這個問題，但是沒有對圖片進行處理。如果你了解了原因，解決這個問題也很容易。

首先，引入上方這個polyfill;

然后，得到devicePixelRatio和backingStorePixelRatio的比例，可以使用下面的方法

var?getPixelRatio?=?function(context)?{

var?backingStore?=?context.backingStorePixelRatio?||

context.webkitBackingStorePixelRatio?||

context.mozBackingStorePixelRatio?||

context.msBackingStorePixelRatio?||

context.oBackingStorePixelRatio?||

context.backingStorePixelRatio?||?1;

return?(window.devicePixelRatio?||?1)?/?backingStore;

};

//調用

var?ratio?=?getPixelRatio(ctx);

之后，在調用ctx.drawImage()的時候，給width和height乘以ratio，如下：

ctx.drawImage(document.querySelector('img'),?10,?10,?300?*?ratio,?90?*?ratio);

設計制作一個百度地圖的名片html5

制作名片簡單的方法如下。

打開百度，點擊上方【地圖】。

點擊地圖下方【地圖開放平臺】。

點擊【開發文檔】。

選擇【地圖名片】。

點擊【開始制作】。

按照提示第一步操作填寫基本信息。

提示第二步操作，選擇名片圖片，生成名片鏈接。

HTML5是構建Web內容的一種語言描述方式。HTML5是互聯網的下一代標準，是構建以及呈現互聯網內容的一種語言方式．被認為是互聯網的核心技術之一。HTML產生于1990年，1997年HTML4成為互聯網標準，并廣泛應用于互聯網應用的開發。