Skip to content

Latest commit

 

History

History
 
 

zoom-to-fit

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
media
media
 
 
src
src
 
 
test
test
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

README.md

@blockly/zoom-to-fit Built on Blockly

A Blockly plugin that adds a zoom-to-fit control to the workspace.

Installation

Yarn

yarn add @blockly/zoom-to-fit

npm

npm install @blockly/zoom-to-fit --save

Usage

import * as Blockly from 'blockly';
import {ZoomToFitControl} from '@blockly/zoom-to-fit';

// Inject Blockly.
const workspace = Blockly.inject('blocklyDiv', {
  toolbox: toolboxCategories,
});

// Initialize plugin.
const zoomToFit = new ZoomToFitControl(workspace);
zoomToFit.init();

API

  • init: Initializes the zoom-to-fit control.
  • dispose: Disposes of the zoom-to-fit control.
  • getBoundingRectangle: Returns the bounding rectangle of the UI element in pixel units relative to the Blockly injection div.
  • position: Positions the zoom-to-fit control.

License

Apache 2.0