![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
fabric
James clark
这个作者很懒,什么都没留下…
展开
-
fabric.js 钢笔橡皮问题
1.钢笔橡皮绘制钢笔this.fabricObj.freeDrawingBrush = new fabric.PencilBrush( this.fabricObj ); //钢笔刷this.fabricObj.freeDrawingBrush.width = this.lineWidth; //线宽this.fabricObj.isDrawingMode = true; //自由绘制橡皮 this.fabricObj.freeDrawingBrush = new原创 2022-02-25 09:43:57 · 10128 阅读 · 1 评论 -
fabric放大缩小后重置
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);就是原创 2021-10-14 15:16:47 · 1384 阅读 · 0 评论 -
fabric选中图形,生成列表联动
fabric是canvas一个好用开源插件在做ps会有联动效果,canvas画布点击了图形,右侧生成图形会跟着被选中刚开始想到fabric自带的事件object:selected(对象选中)( 这个方法v2已经废弃),使用selection:created替代,多次不触发,跟我们需求的不一样,我们需要多次一直交互结果找来找去没找到,结果想起这不就是鼠标点击事件,判断拿到值就可以哈,害,汗颜!!"mouse:down": (e) => { if ( t原创 2021-10-08 10:49:44 · 11524 阅读 · 0 评论