js：使⽤canvas做⼀个图⽚标注功能
canvas相关库的选择
名称star（2021.3）⽂档备注
fabricjs18.2k--------
姜子牙电影主要讲了什么konva6k----------react-konva 3.8k同上---------
vue-konva682同上----------
react-canvas 2.8k-2007年不维护了，不⽀持react16，慎⽤
绘制复杂的画布图形。可以让我们像操作 DOM ⼀样来操作 canvas，并提供了对 canvas 中元素的事件机制，拖放操作的⽀持。fabricjs举例
热血教师观后感⽐如我们正常⽤canvas画⼀个⼩正⽅形是这样的。
// reference canvas element (with id="c")世界犬种智商排行
var canvasEl = ElementById('c');
// get 2d context to draw on (the "bitmap" mentioned earlier)
var ctx = Context('2d');
// set fill color of context
ctx.fillStyle ='red';
// create rectangle at a 100,100 point, with 20x20 dimensions
ctx.fillRect(100,100,20,20);
安化新闻使⽤Fabric是这样的
// create a wrapper around native canvas element (with id="c")
var canvas =new fabric.Canvas('c');雅思考试时间
// create a rectangle object
var rect =new fabric.Rect({
用户名格式错误
left:100,
top:100,
fill:'red',
width:20,
height:20
});
// "add" rectangle onto canvas
canvas.add(rect);
是不是⽅便了很多
react-konva举例
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论