canva海报尺寸-canva绘制海报01：canvas绘制图片并解决导出后略模糊问题

可以。

把生成的base64 图片再一次放入canvas 中 ,然后等比缩小4倍即可。

canva是一款支持多平台的在线平面设计工具,我们可以在上面设计自己的海报,通过调整大小来达到想要的海报尺寸。

另外,

img 标签和 js 中的image 都建议增加 crossorigin = "anonymous" 属性

**注意: **有部分网友评论('crossOrigin', 'anonymous') 必须是写 在你赋值 之前,所以楼主写法有误 可以看看这个链接 去看看, #27260385

效果图如下:

模糊在线demo

解决方案:

1.首先一样,获取 Canvas 对象:

2.获取像素比,将 Canvas 宽高进行放大,放大比例为:devicePixelRatio / webkitBackingStorePixelRatio , 我们写了一个兼容的方法。

3.按实际渲染倍率来缩放canvas。

注意基础知识点:

要设置canvas的画布大小,使用的是 和 ;

要设置画布的实际渲染大小,使用的 style 属性或CSS设置的 width 和height,只是简单的对画布进行缩放。

4.绘制

效果图如下

优化后不模糊的在线demo

参考链接:

一个关于image访问图片跨域的问题,

解决 canvas 将图片转为base64报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported,

解决 canvas 在高清屏中绘制模糊的问题,

首先大家先打开自己的手机,打开canva软件。如果没有canva这个软件的话,就再手机自带的

应用商店

中下载一个。

进去之后呢,我们 会看到许多的风格,风格各种各样,款式也有很多,足够大家任意选择。

选择之后,我们可以选择海报的模板大小,有很多选择,比如手机海报,电脑海报,3:4,16:9等等大小的,按照自己的需求选择就好。同上(任意选择)

然后当你选择完这些模板后,就可以根据自己的想法更换模板自带的文字,并且更改图案,也可以就用人家的样子。同上(任意选择)

END

总结

1

1、打开canva软件

2、挑选模板,也可以自己做

3、然后在模板的基础上加自己的想法