Canvas - Revision history

James at 19:10, 11 December 2018

2018-12-11T19:10:17Z

← Older revision		Revision as of 19:10, 11 December 2018
Line 24:		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.

James at 20:56, 9 December 2018

2018-12-09T20:56:05Z

← Older revision		Revision as of 20:56, 9 December 2018
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.

James at 23:17, 12 January 2016

2016-01-12T23:17:52Z

← Older revision		Revision as of 23:17, 12 January 2016
Line 43:		Line 43:
	==Colour==		==Colour==

	===Current Canvas Tool Colour==		===Current Canvas Tool Colour===

	A large colour square showing the current colour to be used by [[Canvas Tools]] such as the ‘Paint Brush’.		A large colour square showing the current colour to be used by [[Canvas Tools]] such as the ‘Paint Brush’.

James at 23:17, 12 January 2016

2016-01-12T23:17:13Z

← Older revision		Revision as of 23:17, 12 January 2016
Line 9:		Line 9:

	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.		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:		Palette Windows that are specific for use with the Canvas are the following:
Line 22:		Line 21:
	* [[Undo History]]		* [[Undo History]]

	=Canvas Toolbar==
			=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:		The Canvas Viewport is accompanied by a specialised toolbar at the top of the window. This toolbar is divided into the following sections:
Line 43:		Line 43:
	==Colour==		==Colour==

	A large colour square showing		===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==		==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==		==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==		==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.

James at 18:34, 12 January 2016

2016-01-12T18:34:12Z

← Older revision		Revision as of 18:34, 12 January 2016
Line 8:		Line 8:
	Internally layer images are stored as small image tiles for optimisation of computer resources allowing use of many sparsely filled layers.		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 [[Project]] ~~wide~~ in the [[New Project]] dialog window when a Project is created.		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:
			* [[Canvas Tools]]
			* [[Canvas Layers]]
			* [[Colour Picker]]
			* [[Colour Swatches]]

			In addition to the above palette windows the following are also shown in the default Canvas Workspace:
			* [[Panel Timeline]]
			* [[Panel Information]]
			* [[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==

			A large colour square showing

			==Rotate==

			==Zoom==

			==Workspace==

James: Created page with " 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 Pa..."

2016-01-03T01:00:01Z

Created page with " 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 Pa..."

New page

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 [https://en.wikipedia.org/wiki/Raster_graphics_editor 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 [[Project]] wide in the [[New Project]] dialog window when a Project is created.