How to convert html to canvas?

Question

css

Hey!
There is a drag-and-drop schema builder. Elements are taken and transferred to the canvas.
I need to make a function for saving the resulting scheme with a choice of saving format (png or jpeg).
Question: How can this be implemented?
Convert html to canvas or something else?
Here is an example canvas code with a diagram

<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>

How to convert this html to canvas?
konstrukt.esy.es

Answer 1

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