var oc=document.getElementById("c1");
var ocx=oc.getContext("2d");
var img = new Image();
var createCanvas=document.createElement("canvas");
createCanvas.width="800";
createCanvas.height="600";
var cvs=createCanvas.getContext("2d");
var getPathval=null;
function download(type) {
//设置保存图片的类型
var imgdata = oc.toDataURL(type);
//判断图片的保存类型添加底边颜色 解决底边颜色全是透明的情况.
if(getPathval==null){
cvs.fillStyle="#fff"
cvs.fillRect(0, 0,800,600);
}else{
img.src = getPathval;
cvs.drawImage(img,0,0,800,600);
}
img.src = imgdata;
cvs.drawImage(img,0,0,800,600);
imgdata = createCanvas.toDataURL(type);
//清除createCanvas,img缓存
createCanvas=null;
img=null;
//将mime-type改为image/octet-stream,强制让浏览器下载
var fixtype = function (type) {
type = type.toLocaleLowe
将canvas保存成图片的方法并且是有并且有背景颜色的
最新推荐文章于 2024-03-17 23:56:54 发布