在高清屏(如手机、mac)中,canvas会模糊或者1px边框问题,请自行调整meta元素的scale缩放(默认为1),或者为canvas设置样式,使其宽高为属性的0.5倍(对应dpr为2的倒数)。
本例中更改了canvas的属性宽高为720,style宽高为360,使得整体缩放为一半。注意这里不是csx中的style,而是css本身样式,可以通过开发者工具查看。
svg则没有模糊问题,但1px边框需要设置为0.5。推荐使用meta设置方案,这样可以避免更改canvas/svg属性样式,更加通用。