outdraw
Reactive icon

OutDraw

Stable version 1.0.3 (Compatible with OutSystems 11)
Uploaded
 on 2 Nov
 by 
0.0
 (0 ratings)
outdraw

OutDraw

Details
OutDraw: A whiteboard where you can draw shapes inside OutSystems
Read more

OutDraw is a whiteboard canvas where you can draw shapes inside OutSystems.


This component is currently under development and it will get updates rather frequently for now cause I'm excited about HTML Canvas. 


If you want to learn about HTML Canvas, how to draw shapes on the browser, move things around and are curious on how these things were implemented on OutSystems, please consider downloading the component and taking a look at it. 


Supported Functionalities
 

  • Panning, zoom in and zoom out
  • Drawing
    • Rectangles 
    • Circles
    • Text
    • Arrows
  • Updating shape's stroke width and color
  • Updating shape's background color
  • Draging and dropping shapes to update their position on canvas
  • Erasing shapes
Release notes (1.0.3)
  • Added Arrow Tool
  • Added Text Tool
  • Added the selected Rect to all shapes when clicked 
  • Rewrote the drawing functions so it will take a single shape object, instead of each attribute
  • Created a single entry point for drawing shapes in the InitCanvas JS block, so the logic to check which shape to draw is done on a single place
  • Fixed the isPointOnCanvasElement function for it to work properly with arc shapes
License (1.0.3)

Copyright  2025 Emily Targa

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (0)
Team
Other assets in this category