Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Сохранение рисунков, созданных с помощью Canvas

.

Сохранение рисунков, созданных с помощью Canvas

Если мы создаем рисунок программными средствами с использованием Canvas API, но нам нужно сохранить его локальную копию, мы можем использовать для этого метод toDataURL, позволяющий сохранять изображения в файлах формата PNG или JPEG.

Чтобы сохранить круг, который мы только что нарисовали, необходимо добавить в страницу HTML новую кнопку и сделать так, чтобы при щелчке мышью по этой кнопке созданный рисунок открывался в новом окне.

Для этого создадим новую функцию JavaScript:

Сохранение рисунков, созданных с помощью Canvas

Затем добавим к файлу HTML кнопку и вызов новой функции при щелчке по ней мышью:

Сохранение рисунков, созданных с помощью Canvas

При щелчке мышью по кнопке открывается новое окно или закладка браузера, в котром выводится файл PNG, как показано на рис. 11.7.

Сохранение рисунков, созданных с помощью Canvas

Рис. 11.7. Наше изображение загружается в новое окно

Подробнее об этом читайте в спецификации W3C Canvas и в разделе «Сохранение изображений canvas» в документации Mozilla.


.

Читайте так же:
Not found