Fabric js: как применить закругленный угол к пути и многоугольникуHtml

Программисты Html
Ответить
Anonymous
 Fabric js: как применить закругленный угол к пути и многоугольнику

Сообщение Anonymous »

Я работаю над приложением FabricJs, и мне нужно нарисовать путь и многоугольники с круглым углом. У меня не было параметра js Fabric для этого, и я также выполнял поиск, но не получил результата, соответствующего моим требованиям.

Может ли кто-нибудь подробно описать мне, как шаг за шагом нарисовать путь и многоугольники с круглыми углами, мне нужно рисовать различные формы.

Например, мне нужны закругленные углы в красных точках, как в изображении
Изображение


Код: Выделить всё

canvas = new fabric.Canvas('canvas');
var  path = new fabric.Path('M 170.000 210.000L 217.023 234.721 L 208.042 182.361 L 246.085 145.279 L 193.511 137.639 L 170.000 90.000 L 146.489 137.639 L 93.915 145.279 L 131.958 182.361 L 122.977 234.721 L 170.000 210.000');
path.set({ left: 120, top: 120 });
canvas.add(path);
var pol = new fabric.Polygon([
{x: 200, y: 0},
{x: 250, y: 50},
{x: 250, y: 100},
{x: 150, y: 100},
{x: 150, y: 50} ], {
left: 250,
top: 150,
angle: 0,
fill: 'green'
}
);
canvas.add(pol);



Подробнее здесь: https://stackoverflow.com/questions/338 ... th-polygon
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»