Есть ли способ рисовать линию с использованием javascript и холста с "лучшим" сглаживанием, например, Flash?
Я знаю Math.floor(coord) +0.5 трюк, чтобы получить ровно 1 пиксельную линию, когда вам это нужно, но это не то, что я имею в виду. Следующие синие линии, созданные с использованием холста, выглядят неуверенно во всех браузерах, поддерживающих html5 и cavas, поэтому они, вероятно, используют один и тот же алгоритм плохого сглаживания (вероятно, закодированы для скорости, а не для лучшего визуального впечатления). Это то же самое, независимо от ширины линии (на самом деле толще, уродливее):
1px синяя линия Снимок экрана:
и 3px:
Как вы можете видеть, это не самый красивый способ рисовать хорошие сглаженные линии, и только нижняя строка выглядит хорошо. Клиент требует, чтобы приложение манипуляции графиком, над которым я работаю, должно "хорошо выглядеть" и очень требовательно к эстетике pov и . Я, вероятно, буду разорвать решение HTML5/Canvas и пойти по флеш файлу, если я не могу решить эту проблему проблема. Или, может быть, я мог бы кодировать хороший алгоритм рисования линий сглаживания в javascript (может ли кто-нибудь дать мне некоторые ресурсы для этого?) Извините за то, что вы не добавляли картинку с линиями, нарисованными во Flash, но дело в том, что они просто выглядят хорошо, сглаживание сделано вправо.
