Привет!
Есть конструктор схем с помощью 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 
