jamesclark的博客

1.钢笔橡皮绘制 钢笔 this.fabricObj.freeDrawingBrush = new fabric.PencilBrush( this.fabricObj ); //钢笔刷 this.fabricObj.freeDrawingBrush.width = this.lineWidth; //线宽 this.fabricObj.isDrawingMode = true; //自由绘制 橡皮 this.fabricObj.freeDrawingBrush = new

fabric都是通过监控滚轮事件，mouse:wheel，通过确定中心点，放大缩小，核心代码如下 this.zoomPoint = new fabric.Point(e.pointer.x, e.pointer.y); // 中心点 this.fabricObj.zoomToPoint(this.zoomPoint, this.zoom); 放大缩小太乱了，就需要重置为初始位置，刚开始我以为 this.fabricObj.zoomToPoint(new fabric.Point(0,0), 1); 就是

fabric是canvas一个好用开源插件 在做ps会有联动效果，canvas画布点击了图形，右侧生成图形会跟着被选中 刚开始想到fabric自带的事件object:selected（对象选中）（ 这个方法v2已经废弃），使用selection:created替代，多次不触发，跟我们需求的不一样，我们需要多次一直交互 结果找来找去没找到，结果想起这不就是鼠标点击事件，判断拿到值就可以哈，害，汗颜！！ "mouse:down": (e) => { if ( t