HTML5 Canvas: может ли он размывать фигуры так же, как изображения

Question

Есть ли способ размывать фигуры на холсте HTML5?Я знаю, что вы можете размыть изображения, но можете ли вы размыть фигуры (например, нарисовав треугольник / многоугольник с помощью context.lineTo ();)?

Я знаю, что вы можете легко размыть элементы с помощью элементов SVG (где я могутакже использовать сложные формы, такие как многоугольник), но, к счастью, Safari не показывает фильтры (что использует тень), и я создаю веб-приложение, предназначенное исключительно для iPad.

Оптимальное решениебудет нативным Javascript HTML5 Canvas, а не сторонними библиотеками Javascript.

Answer 1

Метод состоит в том, чтобы переместить вашу фигуру в контекст буфера, сделать (поле) размытие в контексте буфера и переместить буфер на холст.