Создать полый круг с Fabric.js

Как достичь аналогичного эффекта, например, http://jsfiddle.net/Hnw6a/1137/ с использованием Fabric.js?Создать полый круг с Fabric.js

Я пробовал с clipTo, но не повезло.

Я хочу обновить этот сценарий http://jsfiddle.net/kxjV5/ принять 'полыми' круги

источник

2014-01-13 Spyros Sakellaropoulos

Используйте [ 'Path'] (http://fabricjs.com/docs/fabric.Path.html). –

Путь, похоже, не равен команде «дуги» –

Конечно, это так - https://github.com/kangax/fabric.js/blob/master/dist/fabric.js#L14359-L14387 – kangax

Использование:

{ 
    fill: "none", 
    stroke: "red", 
    strokeWidth: 5 
}

http://jsfiddle.net/eguneys/kxjV5/

источник

2014-01-14 15:51:43

В реальной реализации фон является переменной, которую пользователь может рисовать за кругом или изменять фон. Это может работать с непрозрачностью заполнения, хотя я и не думаю, что это возможно. .. hmm maybe fill-rule? –

fill: «none» works –

omg, я не могу поверить, как я об этом не думал ...: S спасибо, что вы спасли мой день –

Ну это один не работает на Chrome наверняка.

{ 
    fill: "none",//should be fill:undefined 
    stroke: "red", 
    strokeWidth: 5 
}

Наполнитель должен быть установлен в undefined, не none.

источник

2015-10-02 09:08:59 user3568791

Если fill: "none" не работает, попробуйте следующее:

{ 
fill: "rgba(0,0,0,0.0)", //setting alpha channel to 0.0 will make fill transparent 
stroke: "red", 
strokeWidth: 5 
}

источник

2017-05-10 10:28:41 BitRulez

Создать полый круг с Fabric.js

ответ

Смежные вопросы