微信小程序中canvas竟然不支持width与height属性

2019独角兽企业重金招聘Python工程师标准>>>

上图对比，后图明显模糊了。

VS

在PC中可以像这样将width与height设置为css的2倍可以解决retina屏适配，而小程序中不可以，直接将中的width与height属性过滤了。

    
        your browser does not support the canvas tag123213 

        
    

如果对比ppi换算结果不是刚刚2倍的，，可以使用如下的代码来获取ratio值

backingStore = context.backingStorePixelRatio ||
						context.webkitBackingStorePixelRatio ||
						context.mozBackingStorePixelRatio ||
						context.msBackingStorePixelRatio ||
						context.oBackingStorePixelRatio ||
						context.backingStorePixelRatio || 1;

以上代码摘自：https://github.com/jondavidjohn/hidpi-canvas-polyfill

尝试在小程序中去比划比划

结果在Wxml调试窗口成这样了

w3c说得很清楚，有width与height属性的，为什么不走w3c寻常路呢。http://www.w3school.com.cn/html5/html5_canvas.asp

反观微信团队自己出的小程序数据助手却支持retina屏，为这个问题花了1天时间了，不知道要怎么破了。

转载于:https://my.oschina.net/huangxiujie/blog/901993