Examples

Resizable BBox

Draggable BBox

Documentation

What is BoxCraft?

BoxCraft is a powerful and easy-to-use library that allows developers to create and manipulate bounding boxes for image annotation and processing applications on any DOM element.

Installation


                    <script type="text/javascript" src="https://shrutivarade.github.io/BoxCraft/dist/boxCraft.min.js"></script>

ResizableBBox


                    BoxCraft.createResizableBBox(document.getElementById('canvas1'), function(topleft, bottomright) {

                        console.log(topleft, bottomright);

                    });

DraggableBBox


                    BoxCraft.createDraggableBBox(document.getElementById('canvas2'), function(topleft, bottomright) {

                        console.log(topleft, bottomright);

                    });