save.onclick = function() {
var url = canvas.toDataURL("image/png");
var a = document.createElement("a");
document.body.appendChild(a);
a.href = url;
a.download = "我的畫兒";
a.target = "_blank";
a.click();
};
在canvas面板中有一個(gè)下載按鈕save，點(diǎn)擊它便可下載畫布保存到本地。
a標(biāo)簽屬性
-
download
此屬性指示瀏覽器下載 URL 而不是導(dǎo)航到它，因此將提示用戶將其保存為本地文件。該屬性的值作為與填充的文件名。 -
href
URL 不限于基于 Web（HTTP）的文檔，也可以使用瀏覽器支持的任何協(xié)議。例如，在大多數(shù)瀏覽器中正常工作的file:、ftp:和mailto：還有tel:。 -
target
- _self:默認(rèn)值，在當(dāng)前頁面加載。
- _blank: 新窗口打開。
平時(shí)在瀏覽器點(diǎn)擊一個(gè)連接一般默認(rèn)是在本頁面打開，這并不是我們希望的。想在額外的標(biāo)簽頁加載網(wǎng)頁有什么好的辦法呢？
- 按住
ctrl鍵點(diǎn)擊鏈接，會(huì)在新標(biāo)簽頁打開 - 鼠標(biāo)中鍵或者滾輪點(diǎn)擊鏈接，會(huì)在新標(biāo)簽頁打開
- 按住
shift鍵點(diǎn)擊鏈接，會(huì)在新窗口打開
