Публикации по теме 'fabricjs'
Добавление фильтров к изображениям с помощью FabricJS — часть 1
В моей предыдущей статье я проиллюстрировал, как мы можем создать группу из трех объектов. В этом примере тремя объектами были: текст, круг и изображение! Итак, в этой статье давайте посмотрим, как мы можем добавлять изображения на холст, а также добавлять к ним различные фильтры.
Создание экземпляра Fabric.Image
Чтобы создать экземпляр fabric.Image , лучше всего скрыть это изображение в нашем HTML с помощью тега ‹img›. Передача скрытого атрибута скроет изображение для нас следующим..
Создайте совместную панель инструментов с помощью Fabric.js и Socket.io.
Fabric.js и Socket.io
Fabric.js — замечательная библиотека, в которой вы можете инициализировать холст и добавлять объекты, изображения, текст или рисовать поверх него. Каждый объект или изображение называется классом, и каждый объект инициализируется с разными свойствами. Fabric.js изначально не предназначен для совместной работы, поэтому здесь представлен Socket.io. Socket.io — это библиотека JavaScript для веб-приложений реального времени. Он обеспечивает двустороннюю связь..
Вопросы по теме 'fabricjs'
анализировать атрибут d в элементе пути SVG
Я пытаюсь проанализировать атрибут d в элементе SVG Path, и до сих пор я обнаружил, что Fabric.js может анализировать SVG, но до сих пор не знаю, как это сделать.
Мне нужно разобрать путь, чтобы получить в нем фигуры (линии дуги) и нарисовать...
3638 просмотров
schedule
19.10.2023
Использование ContainsPoint для выбора объекта в группе
Из документации по Fabric на сайте ContainsPoint ( http://fabricjs.com/docs/symbols/fabric.Canvas.html#containsPoint ), в нем указано:
Applies one implementation of 'point inside polygon' algorithm
Parameters:
e
{ Event } event object
target
{...
2844 просмотров
schedule
31.08.2022
Как я могу управлять пикселями на холсте?
Позвольте мне объяснить, чего я хочу достичь.
Я создаю что-то просто для удовольствия и в качестве учебного эксперимента, похожего на
www.milliondollarhomepage.com
За исключением того, что я хочу использовать холст и/или Fabric.js для...
745 просмотров
schedule
20.02.2024
как изменить один и тот же цвет фона каждой фигуры в групповой форме
Я делаю проект в веб-приложении asp.net mvc3, используя canvas и fabric.js. У меня возникла проблема: у меня есть групповая форма, в которой более 3 прямоугольников соединены вместе, чтобы сделать ее одной фигурой. Теперь проблема заключается в том,...
360 просмотров
schedule
04.09.2022
Fabric.js: почему радиус границы 1 пиксель, когда обводка: истина, заливка: ложь
Я работаю над более крупным веб-приложением, которое использует холст для рендеринга фигур. Теперь у меня проблема с рендерингом незаполненных прямоугольников ( stroke: '#fff', fill: false ): они всегда имеют радиус границы 1px. Я смог воспроизвести...
2403 просмотров
schedule
15.11.2022
Fabricjs в перетаскиваемом DIV
У меня есть холст fabricjs в перетаскиваемом (jquery-ui) DIV. Однако, когда я перетаскиваю div, координаты холста сходят с ума, и я больше не могу с ним взаимодействовать.
Есть идеи, как предотвратить такое поведение?
Спасибо
342 просмотров
schedule
13.02.2024
используя Fabric.js, увеличьте fontSize текста холста при нажатии кнопки
я использую Fabric.js для работы на холсте. Я создал текст на холсте. Теперь при нажатии кнопки я хочу увеличить размер шрифта.
canvas.set({fontSize,40});
Это не работает ? любой другой метод. Я создал скрипку, Проверьте
var canvas...
8511 просмотров
schedule
11.12.2023
как удалить прослушиватель событий с холста Fabricjs
Я использую Fabricjs для создания интерактивной карты в html5.
Когда DOM загружается, я добавляю прослушиватель при наведении курсора мыши в свой экземпляр холста Fabricjs, вызывая: *my_event_setter( true )*.
Затем для тестирования я хочу...
10413 просмотров
schedule
10.11.2022
Как загрузить изображение на холст с помощью Fabric.js?
Я хочу создать процесс, в котором пользователи могут загружать свои изображения, а затем редактировать их в браузере на холсте с помощью Fabric.js с помощью некоторых кнопок, который использует Fabric.js для добавления некоторых эффектов.
Я не могу...
23678 просмотров
schedule
28.11.2023
Загрузите SVG из файла на холст и разгруппируйте его
Я загружаю файл SVG на холст, используя FabricJS с функцией
fabric.loadSVGFromURL (url, function(objects, options){
group = fabric.util.groupSVGElements(objects, options);
canvas.add(group).centerObject(group).renderAll();
});
Это...
2106 просмотров
schedule
16.04.2024
Отменить повтор для Fabric.js
Я пытаюсь добавить на свой холст Fabric.js функцию отмены / повтора. Моя идея состоит в том, чтобы иметь счетчик, который считает изменения холста (прямо сейчас он считает добавление объектов). У меня есть массив состояний, который подталкивает весь...
13065 просмотров
schedule
16.04.2024
Как повернуть сразу все объекты холста с помощью Fabric.js?
Я работаю над дизайнером пользовательских продуктов, который использует Fabric.js. Я хочу повернуть все объекты холста одновременно, нажав одну кнопку (повернуть влево, повернуть вправо).
Я достиг этого, используя этот код:...
3450 просмотров
schedule
19.02.2024
В Fabric.js, как отключить текстовые элементы при импорте SVG из URL-адреса
Добрый день,
Интересно, для Fabric.js, в процессе импорта SVG, как я могу программно установить для «выбираемого» значение false для всех текстовых элементов, но разрешить элементам изображения оставаться доступными для выбора?...
504 просмотров
schedule
03.04.2024
Fabric JS: копирование/вставка объекта при нажатии кнопки мыши
Я пытаюсь создать блочную игру, в которой вы выбираете фигуры из меню и размещаете их на холсте. Существует меню форм, где вы можете перетаскивать фигуры на холст. Я хотел бы, чтобы он оставил основную форму в меню, поскольку он перетаскивает клон...
2375 просмотров
schedule
04.04.2024
Проблема с клонированием I-текста FabricJS
Когда у нас есть выбранный i-текст, и мы его клонируем. На клонированном объекте дважды щелкните, начните редактирование, после этого попробуйте снять выделение и его не будет.
Пример на кухонной раковине
http://fabricjs.com/kitchensink/...
400 просмотров
schedule
30.03.2024
Обнаружить объект полностью внутри другого объекта
Всем добрый день,
Мне было интересно, есть ли способ определить, находится ли объект ткани ПОЛНОСТЬЮ внутри другого объекта?
Я смотрел на object.intersectsWithObject(object2) в документации, но, к сожалению, как только объект полностью...
1319 просмотров
schedule
17.05.2024
Как нарисовать круг в Fabricjs с помощью мыши?
Я использую Fabricjs в своем проекте и сейчас работаю над рисованием круга с использованием библиотеки Fabricjs.
Я могу это сделать, но это не очень правильно по оси X, так как перетаскивание по оси X кажется неправильным, тогда как перетаскивание...
1404 просмотров
schedule
17.11.2023
Не могу загрузить вектор в FabricJS
Возникли проблемы с загрузкой определенного здесь svg/vector в Fabric. Вот как это выглядит, когда я загружаю его в демо-версию Kitchen Sink:
Вот JS Fiddle, который изначально показывает вектор, отображаемый в браузере:...
264 просмотров
schedule
02.11.2023
Замаскируйте два изображения, используя ткань js
Можно ли замаскировать два изображения, используя ткань js?
Например: у меня есть цветная фигура (сердце). У меня есть другие изображения, и я хочу замаскировать их поверх сердца, чтобы это новое изображение отображалось только как сердце. Я могу...
1454 просмотров
schedule
02.10.2022
Объект обрезки холста без пути рисования
Над этим JSFiddle я работаю. Из кода видно, что изображения Мопса и Google обрезаны на clipRect . (Обратите внимание, что мой код — это FabricJs, а не обычный Canvas)
Теперь я хочу адаптировать это, изменив, например, область отсечения с...
51 просмотров
schedule
07.10.2023
