itamayo / bounding-boxes-wc

web component for display N boxes on an image.

Bounding-boxes native webcomponent

web component for display N boxes on an image.

Install

npm i bounding-boxes-wc

Use

import bounding-boxes-wc

<bounding-boxes width ="800" height="800" 
   imgUrl="https://www.lavanguardia.com/uploads/2017/04/05/5fa3c87fd961d.jpeg"
   bboxes='[{"x":10,"y":20,"width":400,"height":400,"label":"x","color":"blue"},{"x":100,"y":200,"width":200,"height":200,"label":"x"}]'>
</bounding-boxes>	

Test

npm start