Можно ли узнать размер изображения в байтах, созданного с помощью convas?

Question

[rinaz22]

Всем привет! Можно ли как-нибудь узнать размер изображения в байтах, созданное с помощью canvas?
Например: я создал смайлик, надо определить размер этого смайлика в байтах.

Comments

[Aves]

jsfiddle.net/xdt1sbgc/4

Answer 1

[Владимир Проскурин]

В канве нарисовано изображение как есть, в bitmap, без сжатий (Png/jpg и прочего). Поэтому смело используйте формулу
ширина*высота*4
где 4 - это RGBA
Ну или можно получить из toDataURL("image/png") и узнать там размер

Comments

[rinaz22]

Можете пожалуйста более подробно рассказать про:
toDataURL("image/png")

[Владимир Проскурин]

rinaz22, Ну, что-то типа такого

var offset = "data:image/png;base64,".length;
canv.toDataURL("image/png").length - offset

не уверен, что размер будет точным.
Можно еще так https://codepen.io/jdeagle/pen/rhDkc там функция dataURLtoBlob, в нее подсовываете результат toDataURL, а она в свою очередь возвращает бинарные данные в виде объекта Blob, у которого есть свойство size - размер.

[rinaz22]

Владимир Проскурин, А где выводится его размер. Мне надо записать его, или для начала увидеть

[Владимир Проскурин]

rinaz22, смотрите консоль

[rinaz22]

Владимир Проскурин, а как записать?
Например: через переменную отправить на сервер и записать в бд

[Владимир Проскурин]

rinaz22, в примере смотрите переменные size - размер в байтах, sizeKB - размер в килобайтах и sizeMB размер в мегабайтах.
Как сохранить на сервер не скажу, вопрос по JS.

[rinaz22]

Владимир Проскурин, спасибо! Еще один вопрос. Изображение же создается при помощи мощностей устройства пользователя(т.к. работает через JS) или я ошибаюсь? Если да, то по мне так размер должен быть разным, т.к. у каждого разное устройство?

[Владимир Проскурин]

rinaz22, изображение создается на устройстве пользователя, где запущен браузер. Размер будет одинаковым, если будет одинаковая картинка.

[Владимир Проскурин]

rinaz22, если ответ помог, отметьте его пожалуйста решением.

[rinaz22]

Владимир Проскурин, да, конечно.

Answer 2

[Сергей delphinpro]

Размер этого смайлика в байтах будет зависеть от того, в каком формате вы его сохраните

Comments

[rinaz22]

А без сохранения не как?
И куда он сохранится?