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.