Я могу выключить сглаживание на HTML <холст> элемент?

77
задан Ry- 6 February 2012 в 00:20
поделиться

2 ответа

Для изображений существует теперь context.imageSmoothingEnabled = false.

Однако нет ничего, что явно управляет рисунком строки. Вы, возможно, должны провести свои собственные линии ( твердый путь ) использование getImageData и putImageData.

50
ответ дан Kornel 24 November 2019 в 10:52
поделиться

Рисуйте свои 1-пиксельные линии по координатам типа ctx.lineTo(10.5, 10.5). Построение однопиксельной линии над точкой (10, 10) означает, что 1 пиксель в этой позиции достигает от 9.5 до 10.5, что приводит к двум линиям, которые рисуются на холсте.

Чтобы не всегда добавлять 0.5 к фактической координате, по которой вы хотите рисовать, если у вас много однопиксельных линий, можно ctx.translate(0.5, 0.5) весь холст в начале.

63
ответ дан 24 November 2019 в 10:52
поделиться
Другие вопросы по тегам:

Похожие вопросы: