Difference between revisions of "Canvas"

From PanelForge 3 Documentation
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
 +
<span style="color:#ff0000">'''This page is early work in progress draft. Information may be incorrect or incomplete.'''</span>
 +
  
 
The Canvas element of a [[Panel]] provides 2D bitmap image editing functionality. This element with the [[Stage]] constitute the two main graphics creation interfaces that PanelForge provides.
 
The Canvas element of a [[Panel]] provides 2D bitmap image editing functionality. This element with the [[Stage]] constitute the two main graphics creation interfaces that PanelForge provides.
Line 20: Line 24:
 
* [[Panel Information]]
 
* [[Panel Information]]
 
* [[Undo History]]
 
* [[Undo History]]
 
 
=Canvas Toolbar=
 
 
The Canvas Viewport is accompanied by a specialised toolbar at the top of the window. This toolbar is divided into the following sections:
 
 
==Undo==
 
 
An undo and redo button are located for the fast ability to toggle between document states.
 
 
==Brush==
 
 
A series of six preset brush setting buttons that will adjust the canvas paint brush tool settings to the predefined state:
 
 
* S1: Fine width sketching pen.
 
* S2: Medium width sketching pen.
 
* C1: Small width colouring pen.
 
* C2: Medium width colouring pen.
 
* F1: Medium width filling pen (draws behind previous pen stokes on current layer).
 
* F2: Large width filling pen (draws behind previous pen stokes on current layer).
 
 
==Colour==
 
 
===Current Canvas Tool Colour==
 
 
A large colour square showing the current colour to be used by [[Canvas Tools]] such as the ‘Paint Brush’.
 
Clicking on the colour square will show the Operating System’s colour picker.
 
The colour square can also be dragged with the mouse cursor to the ‘Quick Colour’ swatches and the swatches areas in the [[Colour Swatches]] palette.
 
 
===Quick Colours===
 
 
The current tool colour can be set by clicking on any of the swatches in this area. The swatches can be reorders by click and dragging any of the eight searches to another swatch. Any of the eight quick colour swatches can be replaced by a colour swatch being dragged from the main colour swatches area or the current tool colour well in the canvas toolbar. Any of the colour swatches can be also edited by double clicking on the swatch to display the colour swatch editing dialog window.
 
 
==Rotate==
 
 
Contains controls to adjust the rotation of the Canvas view allowing more natural interaction with [[Canvas Tools]].
 
* A slider provides a fluid way to adjust the rotation from -180 to 180 degrees.
 
* Editable numeric input of the canvas rotation.
 
* A button to reset the canvas rotation to zero degrees.
 
 
==Zoom==
 
 
Contains controls to adjust the Zoom of the Canvas view allowing more natural interaction with [[Canvas Tools]]. Zoom is represented as a percentage where 100% is the actual pixel resolution of the Canvas matched to the screen pixels (HiDpi/Retina screens have multiple physical pixels per screen pixel).
 
* Slider provides a fluid way to adjust the Zoom from 2% to 700% using a nonlinear scale.
 
* Editable numeric input of the canvas Zoom.
 
* Button to Zoom Out of the canvas in nonlinear intervals.
 
* Button to Zoom In of the canvas in nonlinear intervals.
 
* Button activate the ‘Fit Canvas to Viewport’ Zoom mode.
 
 
==Workspace==
 
 
Contains controls to switch the Workspace layout. These controls are present in all workspaces.
 
* Popup Menu to select between the available workspaces. Last menu entry ‘Reset Default Workspaces’ will reset the default ‘Canvas Workspace’ and ’Stage Workspace’.
 
* Button to switch between the current and previous workspace.
 

Latest revision as of 19:10, 11 December 2018


This page is early work in progress draft. Information may be incorrect or incomplete.


The Canvas element of a Panel provides 2D bitmap image editing functionality. This element with the Stage constitute the two main graphics creation interfaces that PanelForge provides.

PanelForge’s objective is to provide an intuitive working environment. To achieve this goal the interface and tools provided are similar to other Raster Graphics Editors.

The output canvas bitmap image itself consists of multiple stacked image layers composited together. Each layer image can be near infinite pixels in width and height (constrained by the computer system resources) extending in both positive and negative directions. Internally layer images are stored as small image tiles for optimisation of computer resources allowing use of many sparsely filled layers.

Although the canvas has no constrained pixel area (see above description) an arbitrary canvas pixel width and height is set to provide a defined output area for a Panel. This pixel resolution is set throughout a Project in the New Project dialog window when a Project is created.

Palette Windows that are specific for use with the Canvas are the following:

In addition to the above palette windows the following are also shown in the default Canvas Workspace: