Блог

У меня есть два круга на полотне из ткани js (разрешение экрана 1440*768 пикселей). —

Левый круг составляет 69.33552631578948% от крайнего левого угла серой области (фактический холст), а правый-69.33552631578948% от крайнего левого угла.

 let percentageFromLeft = (o.left / olderBoard.main_canvas_width) * 100;
 

Вот как я размещаю объект:

 const canvas: any = document.querySelector('#canvas');
const vpW = canvas.offsetWidth;
o.set('left', vpW * percentageFromLeft/100 );
 

Это формула, которую я использовал, чтобы найти процентное положение круга в самом левом углу холста.

когда я нахожусь на меньшем мобильном телефоне или вкладке разрешения:

How can I make them all consistent on all the screens?
Do you find a problem with the above formula?