# Node-red-contrib-drawsvg when using Docker (IOTstack)

**URL:** <https://discourse.nodered.org/t/node-red-contrib-drawsvg-when-using-docker-iotstack/55450>\
**Category:** General\
**Tags:** docker\
**Created:** [20 December 2021 03:21 UTC](https://discourse.nodered.org/t/node-red-contrib-drawsvg-when-using-docker-iotstack/55450 "2021-12-20T03:21:44Z")\
**Posts on this page:** 1\
**Showing post:** 16

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [29 December 2021 07:48 UTC](https://discourse.nodered.org/t/node-red-contrib-drawsvg-when-using-docker-iotstack/55450/16 "2021-12-29T07:48:56Z")

</div>

> [@bogi](#):
>
> DrawSVG however is not offline version - to use it i have to have internet connectio

That I don't understand. If you add the drawsvg node in your flow, then you should have a local drawsvg service running. And in the SVG node, you need to point to the local url instead of the cloud url (as you can see in the drawing on my [readme](https://flows.nodered.org/node/node-red-contrib-drawsvg) page). You should use both nodes in the same flow...

> [@bogi](#):
>
> load DrawSVG module, but i took soooo long

You mean the download takes long, or loading the drawsvg editor in the svg node? For me here that works as fast as the cloud version.

> [@bogi](#):
>
> I can't see the option to make my floor plan to serve as a background on which i can place text boxes (showing temperature, etc), guages, bars, live data charts

Ah ok, you want to use other UI nodes on top of the SVG UI node... No that is not possible as far as I know. The only thing you can do is use _ **foreign elements** _ inside your SVG. Which means you use HTML elements (that are no SVG elements) in your SVG. You can see an example [here](https://discourse.nodered.org/t/node-red-contrib-ui-svg-experimenting-with-foreign-elements/36777), where I use an html input element to enter the required temperature. And [here](https://discourse.nodered.org/t/node-red-contrib-ui-svg-create-table-by-input-message/51004/11) is another example where I display/edit an html table inside an SVG.

---

_[View the full topic](https://discourse.nodered.org/t/node-red-contrib-drawsvg-when-using-docker-iotstack/55450)._