Kolorowanka w canvas przy użyciu fabric.js

0

Hej, ktoś używał możę fabric.js freedrawing? http://fabricjs.com/freedrawing Przejrzałem dokumentację w poszukiwaniu funkcji, która działałaby jak wypełniacz w paint. Chodzi o to, że gdy narysuję sobie kształt koła, czy kwadratu mógłbym wypełnić wybranym kolorem wnętrze tego kształtu. Tak jak wspominałem, taka opcja była w programie paint od microsoftu. Po narysowaniu kształtu jednym kliknięciem można było wypełnić całe wnętrze danego kształtu. Czy to jest w ogóle możliwe przy użyciu canvas? Pozdrawiam.

0

Możliwe, że zadziała połączenie obsługi kliknięcia i wypełniania obiektu

canvas.on('mouse:down', function(options) {
  if (options.target) {
    //console.log('an object was clicked! ', options.target.type);
    options.target.set('fill', 'red');
  }
});
0

Dodałem button o id extender. Dodałem extender = document.getElementById('extender');
Dodałe też taką funkcję,

  extender.onclick = function(){
        canvas.on('mouse:up', function() {
          console.log('ok');
  canvas.getObjects().forEach(o => {
    o.fill = 'blue'
  });
  canvas.renderAll();
})
    }

ale teraz po kliknięciu przyciusku wypełniacz i kliknięciu ksztasłtu wypełnia mi kolorem wszystkie kształty znajdujące się w canvasie jak to można zmienić aby wypełniał mi tylko jeden kształt?

1 użytkowników online, w tym zalogowanych: 0, gości: 1