Vue可以实现画板功能吗?

公司的需求,要求能引入一张商品图片然后在图片上绘制一个区域,如图


图中是使用fabric做的,但是产品还要求能3维旋转,以匹配图片中商品原本的旋转角度,但是fabric似乎还没有这部分功能,所以有没有什么插件可以实现或者有哪个项目已经实现这个功能可以让我参考?

  1. 这个跟 Vue 没关系。
  2. 你以为的三维旋转其实都是二维变形,Fabric 配合一点数学运算就能实现你要的效果。考虑到你的需求,三角运算就够了。
  3. 如果你一定需要更强大的三维绘制能力,可以考虑 THREE.js。
  4. 不论是 Fabric 还是 THREE,它们要的只是一个 canvas 元素,Vue 渲染出这个元素后就没太多事可做了(暂不考虑复杂数据流场景),你应该找 Fabric/THREE 的示例项目(而不是 Vue 的)。
1 Like

三角运算指的是相似三角的运算吗

是说 sin、cos、tan 那一套

fabric有旋转啊,你参数配错了吧?

http://fabricjs.com/intersection

不只是xy轴的旋转,还要有Z轴