Как получить данные pixcel из пути?

Question

Я изучаю элемент HTML5 canvas. Для моей практики я хотел бы экспортировать данные pixcel как base64 в файл php, а затем сохранить их как изображение. Исследуя его, я увидел пример пути.

http://www.html5canvastutorials.com/tutorials/html5-canvas-shape-fill/

возможно ли экспортировать только область пути? Мне кажется, что я могу экспортировать только область прямоугольника.

Answer 1

Файлы изображений - это прямоугольники, определяемые их шириной и высотой. Не существует общего принятого формата для хранения непрямоугольных растровых данных. Если вы хотите сохранить только пиксельные данные в пределах заданного пути, вам нужно написать специальный код для чтения и записи.

Вы можете подойти к этому, проверив ctx.isPointInPath(x, y) для каждой координаты пикселя в вашем изображении. Если пиксель находится в пути, экспортируйте его в файл хранилища. Если у вас есть некоторое представление о происхождении и стандартизированной процедуре посещения каждого пикселя, вы можете использовать эту информацию для сохранения и восстановления информации о пикселях в пути.

Обратите внимание, что этот подход не даст вам сглаженного представления данных пикселей в пределах пути. Добавление этого требования усложнит задачу.