搜索
简帛阁>技术文章>js 将canvas生成图片保存,或直接保存一张图片的实现方法

js 将canvas生成图片保存,或直接保存一张图片的实现方法

将canvas数组保存

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

canvas:传入canvas的dom对象

name:保存的图片的名字

直接将图片保存的方法

function downLoadImage(img,name) {
  var a = document.createElement("a");
  a.href = img.src;
  a.download = name;
  a.click();
}

img:图片的dom对象

name:保存为图片时的名字

canvas数组保存functiondownLoadImage(canvas,name){varadocumentcreateElement(a);ahrefcanvastoDataURL();a
lt;canvasidcanvaswidth400height400></canvas><div><buttonidsave>保存</button&g
整理文档,搜刮出一个js实现canvas保存图片为png格式并下载到本地方法,稍微整理精简一下做下分享。1canvas保存图片2下载到本地functionbase64Img2Blob(code){v
主要思想是借助Canvas自己APItoDataURL()来实现,整个实现HTML+JavaScript代码很简单。复制代码代码如下:<html><metahttpequivX
本文具体要实现效果类似下面这张图片,主题流程大概是,页面上有类似这样布局结构,点击中间那个紫色按钮就会生成一张这样图片,并且能够让用户下载图片1、首先我们布局页面时候用都是图片来布局成这
wxml代码:<viewclassresultpage><canvasbindtappreviewImagecanvasid'myPicCanvas'style'width:100%
使用Canvas绘图,图片保存到本地方法整理代码1(推荐)://下载图片事件functiondownloadClick(){//判断是否是IEvarfileName'testImgjpg';if(
解决方案functionmergeImgs(list){constimgDomdocumentcreateElement('img')documentbodyappendChild(imgDom)co
使用JavaScript图片拷贝进画布要想将图片放入画布里,我们使用canvas元素drawImage方法:复制代码代码如下://Convertsimagetocanvas;returnsnew
需求是一个导出pdf功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯。有个jsPDF插件可以在前端直接生成pdf,很简便,但不支持IE。前端:首先引入html2canvasjsh