strokeWidth = '1px' Custom StylingĮvery element within the library has a root property which is a SVG element. By convention, an element should only use the data of the elements it has declared itself dependent on. Circular dependencies will cause an exception. An element declares what it is dependent on using the “addDependency” function and then defines an update function which describes how the element should update itself. Reactive ProgrammingĪll elements contain the ability to define dependencies to other elements.

Otherwise, access to all of the event handlers is available throught the root SVGElement and the native web APIs. Event handler properties are surfaced in elements where it seemed useful. The second, more tradditional, form of handling interaction is event driven programming. These dependencies also define how the interactive should update elements and in what order the update should happen when an element’s state is changed. These dependencies are explicit and give dependents access to the data of the elements they rely on. Elements can be related together using dependency functions, similar to how cells are related together in a spreadsheet application. There are two forms of handling interaction within our software system.

Vector editor open source