Получить Base64 из Canvas с фильтрами

Question

Мне нужно извлечь Base64 из Canvas, где я применил некоторые фильтры с CSS.

Я попробовал
canvas.toDataURL()

но это даст Base64 исходного изображения.

Есть ли способ получить Base64 изображения с фильтрами?

Answer 1

CSS фильтры не являются частью самого холста, они применяются над холстом.

Чтобы включить фильтр в сгенерированное изображение, необходимо применить фильтр к самому холсту с помощью JavaScript, для этого у вас есть две основные опции:

• Используйте встроенные фильтры , которые могут делать почти то же самое, что и фильтры CSS ( Однако с ограниченной поддержкой браузера , на момент написания)

• Напишите свои собственные фильтры (или найдите библиотеку, которая сделает это за вас). Этот вопрос немного выходит за рамки этого вопроса, однако есть несколько хороших учебников для такого рода вещей.