2015-07-23 5 views
0

enter image description here Я создаю приложение для веб-браузеров. Пользователь нажимает на позицию экрана. Позиция сохраняется с x-значением и y-значением в пикселях.Размер холста в пикселях (Javascript)?

Теперь я хотел бы нарисовать прямоугольник на холсте с помощью этого метода: ctx.rect (x, x, 50,50); К сожалению, эти значения не соответствуют пикселям в веб-браузере.

Знаете ли вы, как я могу изменить пиксель в веб-браузере, чтобы создать прямоугольник в правильном положении?

+0

, что вы имеете в виду с изменением пикселя? Вы хотите увеличить размер холста? – Sosdoc

+0

Я добавил изображение. Значение 80 для прямоугольника холста не 80 пикселей экрана. Надеюсь, что вы это понимаете. – JavaForAndroid

+0

Какая у вас разрешение экрана? Это может быть hiDPI, что будет означать, что ваш экран использует масштабирование, а один физический пиксель не равен 1 логическому пикселю. – Sosdoc

ответ

1

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

для ex. если ваш холст 100px х 100px вы должны

myCanvas.width = 100 
myCanvas.height= 100 
myCanvas.style.width = '100px' 
myCanvas.style.height = '100px' 

только в этом случае «ваш размер холста биты будут совпадать с размером экрана бит»

+0

уверен, спасибо, моя ошибка –

+0

Отличный ответ. Это решение. Огромное спасибо. – JavaForAndroid

Смежные вопросы