Question

小程序canvas 机型不同,画的位置不同

需求是在一张图片上画一个实心小圆和一条横线,图片刚放进去就不是在最上面,而是在下面,我给他设的是position:absolute,top:0,height是1000rpx;即使是这样显示出来的图片也是在中间..不知道为什么.但是这样效果还不错.
然后圆和横线是在画布里,画布的position也是absolute.弄成想要的效果后,发现换了个机型画布位置就变了.

我在想会不会是我在js里画圆的时候,那个context.arc(100,100,5,0,2*Math.PI,true);方法里的数字后面单位是px??所以他才不会和图片一样自适应..
新手小白~跪求大神解答~么么哒

若以下回答无法解决问题，邀请你更新回答

Answer 1

一般情况下手机应用在开发时都是使用相对位置，而不是像素点这种绝对位置。使用相对位置可以避免不同机型由于屏幕分辨率的不同导致同一应用在不同手机上显示效果不一样。

这是手机应用开发的基础。大型软件开发公司网页链接都是有专门的程序员对不同的设备进行适配。而且一款应用在设计之初就已经由设计师决定了每一种元素的具体大小，由程序员预定义全局变量的形式确定每种窗体的相对大小值，在以后的编程中就可以使用预定义的值来确定所做图形或窗体等元素的相对位置。而不是由程序员凭感觉确定具体的像素值。