Question

canvas 画布与画布内容都缩小如何实现?

原来问题是为了解决canvas在高清屏下模糊的问题，后来经过放大canvas画布后效果得到改善（附图1）；后来下载图片的时候出现了一个问题，下载的后图片的大小是画布的大小（640*1136）；但是我希望下载后的图片是（320*568）；请问该怎么实现。。。。。





Answer 1

var canvas=document.getElementById("myCanvas");
//添加canvas的内容
//进行缩放
var img = document.createElement("img");
img.src = canvas.toDataURL("image/png");
var ctx = canvas.getContext("2d")
ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.scale(2,2);//x和y方向的缩放比例
ctx.drawImage(img, 0, 0);