canvas库fabric.js踩坑

众所周知，canvas的api繁杂，对一般的前端er来说不太友好，加上平时一般也不会自己手写canvas，所以一般开发者对canvas的涉猎可能并不太深（我看红宝书的时候canvas是直接跳过的）。而当需要使用canvas开发一些定制化的需求时，echarts，antv系列，可能就无法满足了，这个时候或许fabric会是一个比较好的选择，fabric提供一种类似面向对象的方法来编写canvas，比原生稍微方便一些(然鹅官方文档太难看懂了)

近期的一个项目中，有这么一个需求：拖拽缩放元素并且进行连线，本来我第一反应是用antv/g6去实现的，但是需要对拖拽的元素缩放并且拖拽的容器需要放文字和图表，如果使用g6的话，缩放容器，里面的内容改变不太利索（实际是我对g6不太熟），另一个重要的问题是g6元素里面放图表的话只能放g2（而且需要单独安装插件）并且不支持诸如tooltip等等功能，简单来说只能用个阉割版的（示例： >

按照你的描述，估计你之前的代码有调用过 ctxscale 或者 ctxtransform 函数，导致坐标轴被缩放了。

建议找到对应的缩放调用，合理使用 ctxsave 和 ctxrestore 函数，来避免上下文环境污染

以上就是关于canvas库fabric.js踩坑全部的内容，包括:canvas库fabric.js踩坑、ThreeJS canvas画布自适应的原理、HTML5、JS的canvas绘制图片的问题。。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！