canvas相关库的选择名称star(2021.3 )文档备注fabric js 18.2 k http://fabric js.com---kon va6k https://konvajs.org/------react---kon va 3.8k同上--------vue----konva682同上----react---canvas 2.8k---- kon va 682 支持拖放操作。
fabricjs比如我们一般用canvas画小正方形就是这样的。
//referencecanvaselement (with id=' c ' ) varcanvasel=document.getelementbyid ) ' c )； //get2dcontexttodrawon (the ' bitmap ' mentioned earlier ) varCTX=canvasEl.getcontext ) ) 2d )； //setfillcolorofcontextctx.fillstyle=' red '； //createrectangleata 100，100 point，with 20x 20 dimensions CTX.fillrect (100，100，20，20 )； 使用结构是这样的
//createawrapperaroundnativecanvaselement (with id=' c ' ) varcanvas=newFabric.canvas ) ) c )； //createarectangleobjectvarrect=new fabric.rect (left :100，top: 100，fill: 'red '，width: 20，heigh 不是方便了很多吗
react-konva示例