infogra

Infographic Modeller & Viewer

• Canvas base
• Barcode Symbols
• Rectangle
• Circle
• Line
• Text
• Image

var infogra = require('infogra');

var modeler = infogra.createModeler(canvas, {
	keydown : onKeyDownHandler,
    selectionchange : onSelectionChange,
    propertychange : onPropertyChange
});

var viewer = infogra.createViewer(canvas, {
	keydown : onKeyDownHandler
});

• modeler / viewer
• symbol (model)

• get / set
• edit mode
• width
• height
• root model
• symbol : get symbol

• add : add symbol(s)
• remove : remove symbol(s)
• get : get child symbol(s)

• selected : get or set selected symbol

• move : move delta or move to

• undo
• redo
• cut
• copy
• paste

• align : top, bottom, left, right, vcenter, hcenter

• arrange : front, back, forward, backward

• scale : enlarge, reduce or set scale

• before / after property change
• before / after close

• When symbols structure is changed
• It means some symbol is added, removed or moved on their symbol hierarchy

Copyright (c) 2014 Hearty, Oh. Licensed under the MIT license.