Как преобразовать html в canvas?

Question

[sabanovvv]

Привет!
Есть конструктор схем с помощью drag-and-drop. Элементы берутся и переносятся на полотно.
Мне надо сделать функцию сохранения получившейся схемы с выбором формата сохранения(png или jpeg).
Вопрос:как это можно реализовать?
Перевести html в canvas или по другому?
Вот примерный код полотна со схемой

<div id="sxam-map" class="sxam-map">					
						<!--Полотно-->
						<div class="holst">

							<div class="inside">
							<img id="obj0" imgwidth="22" imgheight="25" style="width: 25px; height: 25px; top: 454.5px; left: 419.5px;" class="item onroad" src="imgweb/signs/warning_signs/p1.png"><img id="obj1" imgwidth="89" imgheight="328" style="top: 210px; left: 334.5px;" class="item onroad" src="imgweb/road_participant/blue/onroad/car8.png"><img id="obj2" imgwidth="56" imgheight="122" style="top: 578px; left: 418px;" class="item onroad" src="imgweb/road_participant/blue/onroad/car1.png"><img id="obj3" imgwidth="65" imgheight="104" style="top: 649px; left: 543.5px;" class="item onroad" src="imgweb/road_participant/blue/onroad/car2.png"></div>
						</div>
</div>

Как этот html преобразовать в canvas?
konstrukt.esy.es

Answer 1

[Keyten]

https://developer.mozilla.org/en-US/docs/Web/API/C...