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.
JavaScript - Rejestracja:ponad 11 lat
- Ostatnio:około 19 godzin
- Postów:419
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');
}
});
- Rejestracja:ponad 9 lat
- Ostatnio:około 7 lat
- Postów:53
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?
edytowany 1x, ostatnio: zwiro
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.