Four Js Development Tools Forum

General => Ask Reuben => Topic started by: Reuben B. on February 18, 2021, 04:54:28 am

Title: Ask Reuben 67 - FGLSVGCANVAS
Post by: Reuben B. on February 18, 2021, 04:54:28 am
Fglsvgcanvas is a built-in web component that gives you a rectangular area of the screen where you can render and interact with Scalable Vector Graphics (SVG).  It is a rectangular area of the screen where you effectively render any pixel in whatever colour you want rather than being constrained to using the widgets, containers, styles etc that are available in our user interface.  I say pixel but in reality you choose to draw objects such as lines, circles, rectangles rather than colouring every point individually.

What you can produce using SVG is very wide.  From a Business Applications point of view, this will typically include graphs, charts, and infographics.  Interaction is supported so you can click on this graphical information and code the ability to respond to the chosen click e.g. drill-down.  You can use this interaction to select choices from visual information e.g. draw a map of your warehouse and allow the user to click on the selected area of the warehouse to select a location within the warehouse.

You could use a 3rd party web-component for these graphical requirements and follow the adage of buy before you build, however you may find yourself constrained by what the 3rd party provides and makes available.  Using fglsvgcanvas you are more in control of your destiny.

To learn more about fglsvgcanvas,