当两个 fabricjs 并排排列时

Question

为什么我的两个矩形中间有一条水平灰线？即使我将 hasBorder 设置为 false！

  fabric.Rect.prototype.backgroundColor = '#000'
  fabric.Rect.prototype.opacity = 0.7
  fabric.Rect.prototype.selectable = false
  fabric.Rect.prototype.hasBorder = false

  var canvas = new fabric.Canvas('c')

  var rect1 = new fabric.Rect({
    left: 0,
    top: 0,
    width: 500,
    height: 100
  })

  var rect2 = new fabric.Rect({
    left: 0,
    top: 100,
    width: 500,
    height: 100
  })

  canvas.add(rect1, rect2)

见fiddle here

任何答案将不胜感激，谢谢！

Answer 1

是hasBorders（而不是hasBorder）

Fiddle - http://jsfiddle.net/m7djt7ty/

Answer 2

我终于找到了灰线出现的答案是因为矩形的高度是小数，也许我的数学计算应该更精确！或者使用另一种方法用小数计算。再次感谢！

当两个 fabricjs 并排排列时

when two fabricjs rects beside each other

html

javascript

canvas

fabricjs