Home > blockly > blockRendering > Drawer
blockRendering.Drawer class
An object that draws a block based on the given rendering information.
Signature:
export declare class Drawer
Constructors
| Constructor | Modifiers | Description |
|---|---|---|
| (constructor)(block, info) | Constructs a new instance of the Drawer class |
Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected | ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | string | ||
| outlinePath_ | string | ||
| topLeft_ | Coordinate |
Methods
| Method | Modifiers | Description |
|---|---|---|
| draw() | Draw the block to the workspace. Here "drawing" means setting SVG path elements and moving fields, icons, and connections on the screen. The pieces of the paths are pushed into arrays of "steps", which are then joined with spaces and set directly on the block. This guarantees that the steps are separated by spaces for improved readability, but isn't required. | |
| drawBottom_() | protected | Add steps for the bottom edge of a block, possibly including a notch for the next connection. |
| drawConnectionHighlightPath(measurable) | Returns a path to highlight the given connection. | |
| drawInlineInput_(input) | protected | Add steps for an inline input. |
| drawInternals_() | protected | Draw the internals of the block: inline inputs, fields, and icons. These do not depend on the outer path for placement. |
| drawJaggedEdge_(row) | protected | Add steps for the jagged edge of a row on a collapsed block. |
| drawLeft_() | protected | Add steps for the left side of the block, which may include an output connection |
| drawOutline_() | protected | Create the outline of the block. This is a single continuous path. |
| drawRightSideRow_(row) | protected | Add steps for the right side of a row that does not have value or statement input connections. |
| drawStatementInput_(row) | protected | Add steps for a statement input. |
| drawTop_() | protected | Add steps for the top corner of the block, taking into account details such as hats and rounded corners. |
| drawValueInput_(row) | protected | Add steps for an external value input, rendered as a notch in the side of the block. |
| layoutField_(fieldInfo) | protected | Push a field or icon's new position to its SVG root. |
| positionExternalValueConnection_(row) | protected | Position the connection on an external value input, taking into account RTL and the small gap between the parent block and child block which lets the parent block's dark path show through. |
| positionInlineInputConnection_(input) | protected | Position the connection on an inline value input, taking into account RTL and the small gap between the parent block and child block which lets the parent block's dark path show through. |
| positionNextConnection_() | protected | Position the next connection on a block. |
| positionOutputConnection_() | protected | Position the output connection on a block. |
| positionPreviousConnection_() | protected | Position the previous connection on a block. |
| positionStatementInputConnection_(row) | protected | Position the connection on a statement input, taking into account RTL and the small gap between the parent block and child block which lets the parent block's dark path show through. |
| recordSizeOnBlock_() | protected | Save sizing information back to the block Most of the rendering information can be thrown away at the end of the render. Anything that needs to be kept around should be set in this function. |
| updateConnectionHighlights() | protected | Updates the path object to reflect which connections on the block are highlighted. |