# \[ANNOUNCE\] node-red-contrib-ui-svg: 2.2.0

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-2-0/38859>\
**Category:** Share Your Nodes\
**Created:** [9 January 2021 19:37 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-2-0/38859 "2021-01-09T19:37:18Z")\
**Posts on this page:** 1\
**Page:** 1

<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:** [9 January 2021 19:37 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-2-0/38859/1 "2021-01-09T19:37:18Z")

</div>

Hi folks,

During the last 6 weeks, a bunch of feature requests and bug fixes were submitted for the SVG node.  
So time to publish version _ **2.2.0** _ on NPM:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/8/48e7feef9dca9f474df81b6a43e6413e421360ad.png)

What has changed:

- Support the empty ui paths in the settings.js file (see [discussion](https://discourse.nodered.org/t/handling-empty-red-settings-ui-in-ui-node/38812))
- Autocomplete fix: the autocomplete (element id's, ...) didn't show up for SVG drawings that didn't have SVG namespaces. Now these namespaces (`xmlns="http://www.w3.org/2000/svg"` and `xmlns:xlink="http://www.w3.org/1999/xlink"`) are automatically added to the SVG element behind the scenes.
- Load libraries (panzoom.js and hammer.js) only in the dashboard, when the panning or zooming features are enabled: solely for performance reasons.
- It is now possible to [replace](https://github.com/bartbutenaers/node-red-contrib-ui-svg/tree/master/docs/msg_control.md#replace-an-attribute-via-msg) (part of) an attribute value by another value - based on a regex - via an input message. This way you can e.g. replace part of an SVG path.
- The documentation on the readme page has been splitted into multiple readme pages, because the (very long) readme page wasn't entirely displayed on [flow.nodered.org](http://flow.nodered.org)
- Now the _"Change"_ event is supported: when the value of a (foreign) input element is changed, an output message will be sent.
- The value of a (foreign) input element can be [changed](https://github.com/bartbutenaers/node-red-contrib-ui-svg/tree/master/docs/msg_control.md#update-input-value-via-msg) via an input message.
- It is now possible to [get](https://github.com/bartbutenaers/node-red-contrib-ui-svg/tree/master/docs/msg_control.md#get-entire-svg) the entire SVG string via an input message.
- The zoom-by-percentage msg now uses client coordinates, to make sure the same input commands work correctly for all screen resolutions.
- A double click zoom percentage can be specified in the 'Settings' tabsheet.
- The tooltip (containing the mouse coordinates) is now always drawn on top of the other elements.
- The default SVG string (which is automatically generated for new nodes), now contains some comments for novice users.
- It is possible to [reset](https://github.com/bartbutenaers/node-red-contrib-ui-svg/tree/master/docs/msg_control.md#reset-panzoom-via-msg) the pan/zoom settings via an input message.
- For double click/tap, the click/tap position is now used as the center of the transformation.

Have fun with it!  
Bart