Как отобразить уменьшенный HTML-холст

Question

Я делаю анимацию на холсте html5 размером 1320px * 1440px.Но я не хочу видеть этот огромный холст на экране, а хочу видеть его на холсте размером 550px * 600px, чтобы качество рисунка выглядело лучше.как это сделать?

Answer 1

Вы уменьшаете высоту и ширину в 2,4 раза, поэтому вам просто нужно уменьшить холст и анимацию внутри него на этот коэффициент.

• Сделать атрибут ширины холста = 550 и атрибут высоты = 600

• Умножьте ширину и высоту анимации на 0,4167 (или 1 / 2,4), чтобы масштабировать ее соответствующим образом. Вы можете легко сделать это, используя метод context.scale(.4167, .4167); перед тем, как что-либо рисовать.

Подробнее о scale() здесь .