Training
Training
Welcome
Guided Paths
Build an App
Training Planner
Courses
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
Mentorship
User Groups
Downloads
Platforms
OutSystems.com
My Platform
Community
Resources
Support
Search in OutSystems
Log in
Sign Up
Community
›
Forge
›
Assets list
›
DrawingCanvas
DrawingCanvas
Stable version
2023.3.0
(Compatible with
OutSystems 11
)
Uploaded
on
26 March 2023
by
REQWARE
4.0
(1 rating)
Overview
Reviews
Versions
Documentation
Support
DrawingCanvas
Details
DrawingCanvas is a drawing plug-in that can draw handwriting, straight lines, circles, rectangles, etc. With the open source fabric.js as the core, it has simple functions similar to paint software, so you can write simple maps etc. on the browser. Toolbar and context menu are made up of WebBlock parts, so you can customize them as you like. In addition, since the free curve is drawn with Bezier curve, the line is smooth and the drawing data is lightweight.
Read more
Undo: Return to the previous state
Redo: Return to the next state
Range: selection Select a range object
Handwriting: Freehand drawing free lines
Line: Draw a straight line between two straight lines
Arrow: Draw an arrow between two points
Rectangle: Draw a rectangle surrounded by two points
Ellipse: Draw an ellipse surrounded by two points
Border width: Specify the border width of the figure
Border color: Specify the border color of the figure
Fill color: Specify the color to fill the inside of the figure.
Text: Enter text
Font size: Font size
Font color: Font color
Image upload: Upload and paste an image
Locking an object: Locking an object so that it cannot be selected
Unlock All: Unlock All Objects
Background image setting: Set as a background image and lock the image
Save to PNG: Save the canvas as PNG
Context menu
Copy: Copy the target object
Paste: Paste the target object
Move to the foreground: Move the target object to the foreground
Move to the back: Move the target object to the back
Grouping: Target objects are grouped (cannot be nested)
Ungrouping: Ungrouping the target object
Caputure: Save the target object as an image
Delete: Delete the target object
Short cut key
Ctrl + C: Copy the target object * Since it is via the clipboard, it is possible to paste data on other canvases.
Ctrl + V: Paste the target object
Ctrl + A: Select all objects
Delete: Delete the target object
? ? ? ?: Move the target object
Tab: Move between objects
Shift+Tab: Reverse movement between objects
Ctrl + Wheel: Zoom in / out of the canvas
Release notes
(2023.3.0)
Changed to a new color picker for easy setting of customized colors
Changed all javascript code to the pure javascript without jQuery
Removed isView option from DrawingCanvas block and integrated it into toolbar options
License
(2023.3.0)
DrawingCanvas
Copyright (c) 2021 REQWARE Inc.
https://reqware.jp/
Reviews
(0)
Team
Other assets in this category
User interface, Other UI components
Drag-n-drop Sortable List
Renato Pauleta
Allows to sort elements in list records or table records using drag-n-drop
3018
Essentials
Essentials
A collection of reusable actions to help us stop reinventing the wheel. Join the team and bring your own top reused actions to the community!
2056
Web Previewer
Rui Mendes
Preview files from your database or from an external URL without download.
2540
More from REQWARE
Stimulsoft ReportManager
REQWARE
Stimulsoft ReportManager is a reporting management application developed for OutSystems with the Stimulsoft Report engine. All reporting operations can only be performed in a familiar browser such as Chrome or Edge. In addition, Designer and Viewer are provided as SDKs and can be freely customized. Also, since it operates as an OutSystems application, there is no need to prepare a dedicated server for reports.
191
Tellus
REQWARE
Tellus is a web application that realizes UI automated testing with OutSystems. It includes a wrapped module to make Selenium Grid easier to use, which enables distribution test on multiple nodes. As a main feature, it is possible to describe test scripts with OutSystems Action, abstracting by human-centric operations such as "open, input, confirm", so you can write test scripts more concisely. This makes it possible to execute tests simply by passing parameters to Action, and it also eliminates the need to write troublesome Sleep processing , etc.
276
EditableTableRecords
REQWARE
The main feature of this module is that it is a grid component that extends "TableRecords", which is a standard widget of OutSystems, so various extensions can be implemented with familiar knowledge of OutSystems. Until now, the implementation of complex functions such as Excel operation had to use JavaScript, which is a conventional technology, but this has made it possible to greatly reduce the burden on the developer.
294
Loading...
Loading