魔女幼熙下载,boljoo,往日情 芳子
canvas海报内容有背景图,圆形头像,用户昵称,链接的二维码图片。
问题如下
图片不显示
图像模糊
一开始对安卓机型统一做了dpr=1的处理,结果安卓机上图片非常的模糊,圆角头像锯齿严重,网上的解决方法无一成功,后来还是将dpr设为window.devicepixelratio就好了,只是图片的宽高最好设置为固定值,根据flexble自适应
部分代码示例
// 头像; const imgavadar = await promiseloadimg(this.userinfoexternal.headurl); const imgsize = 40 * this.dpr; const imgpos = 24 * this.dpr; ctx.arc((this.canvas.width / 2), (imgpos + (imgsize / 2)), (imgsize / 2), 0, 2 * math.pi); ctx.clip(); ctx.drawimage(imgavadar, ((this.canvas.width / 2) - (imgsize / 2)), imgpos, imgsize, imgsize);
new promise(resolve => { const img = new image(); // base64添加了以下跨域配置,在低版本安卓中会不显示图片 if (src.indexof('base64,') === -1) { img.setattribute('crossorigin', 'anonymous'); } img.onload = function () { resolve(img); }; img.src = src; });
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对移动技术网的支持。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
HTML5 HTMLCollection和NodeList的区别详解
网友评论