Hi folks, A HAPPY NEW YEAR to the entire community!! :champagne: :champagne: :champagne: While the wife and kids were still sleeping, I sneaked downstairs to experiment with light sources in SVG. Not sure whether this is called dedication, or just me being pathetic :rofl: With this simple flow: …

Got a private message of somebody wondering whether it is possible to adjust the "brightness" of the light. From the SVG docs I assume this should be done by adding the following filter to the chain (like e.g. in this tutorial), which plays with the R,G,B channels: <feComponentTransfer id="brightn…

You did a good job, and I thank you for that. This was just what I needed for my project.

@Zipular , You are welcome! Nice to hear that my experiments have been useful for you. BTW I have now added this now as a new tutorial to the wiki , to have it nicely together with all other tutorials. Bart

I'm using your node and example to make a visual representation of room temperatures. the problem i'm having is with the preview of the SvG file I attached two pictures. The good one is from a SVG viewer and the vierd one is the same file but on the dashboard, displayed with your node [Screensho…

Hi @TadyTheFish , Do you see any errors in your browser console log? Or any other useful information perhaps? By looking at that image, nobody will be able to determine what is going wrong...

@TadyTheFish What did you use to draw the image ? I use Inkscape, it's a bit of a learning curve but very good and works with SVG natively. Try opening your file with that and see if anything needs changing, then re-save

I used and online software called planningWizz. I will try to import with inkscape

Yeah something is fishy with this export. I opened the SVG with inkscape and it had wall dimensions that don't show up in Nodered or SVG viewer. I removed the dimensions but the result is still the same. Can anyone else try out my file? snapshot_2-11-2022.pdf (54.5 KB) JUST RENAME PDF TO SVG! I ha…

It is quite difficult to have a look at your svg, because that planningWizz tool seems to have generate LOTs of stuff. When I do right-click in Chrome on your floorplan, and I choose "inspect" in the popup menu then I see this: [image] Is that "dropshadow" the filter for your light source? Othe…

I really have no idea for what is that used :slight_smile: I will try to remove most of the junk :slight_smile:

Node-RED

Node-RED Forum

Having fun with SVG - playing with light sources

Share Your Projects

TotallyInformation 14 December 2022 20:50 24

Clearly you confused me with your other thread:

Topic		Replies	Views
SVG node, change one item's color from another node? General	16	1375	30 December 2020
Uibuilder dynamic SVG example - no framework needed Share Your Projects uibuilder	6	604	2 October 2024
Template Svg Graphic General node-red-dashboard	14	873	8 May 2023
[Announce] node-red-contrib-ui-svg Share Your Nodes	88	9348	25 April 2021
Help with my images SVG please Dashboard node-red-dashboard , weather , lighting	5	1068	13 October 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Having fun with SVG - playing with light sources

Related topics