1,有一张115X34的图片:
用canvas画出来之后,如果canva的宽高不小于115X34的话,图片不会放大。
ctx.drawImage(img, 0, 0);
如果用ctx.scale(5,5);
,或者在drawImage
的时候指定宽高(比较大的值),图会变大,
同时问题也来了:图会变模糊。
而如果不放大,让它原图(115X34)显示,再用浏览器自带的放大功能,那么是这样的:
其中有css
canvas {
image-rendering: pixelated;
}
这是预期的效果。
有没有办法用canvas实现类似效果?
非伸手党,告知相关的api、方法或给出链接即可,谢谢。
canvas中画图会按你最开始drawimage时候的大小来缩放,所以你想放大时候不模糊,要一开始按很大的尺寸来drawimage,再按照你的需求缩小,还不是现在你反过来做。