Как получить снимок моего холста

Question

Я разрабатываю небольшое приложение, используя javascript, с помощью которого я могу рисовать на холсте. Я хочу знать, Как получить снимок моего холста и отправить его,

, используя javascriptили любой другой язык на стороне сервера.Пожалуйста, помогите мне. Спасибо.

Answer 1

Вы можете получить PNG-изображение холста в виде URL-адреса данных с помощью метода toDataURL :

canvas.toDataURL(); // => data:...

Answer 2

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

Отправка содержимого холста на сервер

Answer 3

Я использую следующее:

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

Это приводит к тому, что местоположение браузера изменяется на URL-адрес данных, содержащий PNG содержимого холста, который браузер затем предложит сохранить (изменяя силы mime-типа, иначе браузер просто отобразит PNG.) 1004 *

Answer 4

Вы можете использовать Canvas2Image , чтобы сохранить холст HTML 5 в файл для загрузки.