, когда два прямоугольника rectjs рядом друг с другом

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

Я, наконец, найти ответ на серой линии появляются потому, что высота прямоугольника составляет десятичные, может быть, моя математика известково должна быть более точный! Или использовать другой способ: calc с десятичными знаками. Еще раз спасибо!

Answer 2

Это hasBorders (вместо hasBorder)

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