Публикации по теме 'fabricjs'
Плетение Fabric.js с помощью anime.js
Большинство из нас работали / сталкивались с Fabric.js при работе над проектом, который включает возиться с холстом. Это может быть перетаскивание простых фигур или определение на них анимации.
Давайте начнем с предмета из ткани. Вот как выглядит простой предмет из ткани.
Вышеупомянутый объект представляет собой тип прямоугольника ткани с различными свойствами, которые определяют способ визуализации объекта на холсте.
В строке 17 мы определяем анимацию с некоторыми значениями..
Вопросы по теме 'fabricjs'
Использование Cufon за пределами холста, связанного с Fabric.js
У меня возникла проблема, когда я пытаюсь использовать библиотеку Cufon за пределами холста, связанного с Fabric.js. Я пытаюсь создать селектор шрифтов Text в своем приложении, который будет отображать доступные для использования шрифты. Селектор...
446 просмотров
schedule
22.03.2022
Интерактивное рисование Fabricjs Нужно ли сбрасывать систему событий после рисования первой фигуры?
Используя Fabric.js для рисования интерактивных фигур, я не могу редактировать фигуры, пока не создам более одной фигуры.
Демонстрация, наглядно демонстрирующая проблему, находится здесь http://jsfiddle.net/pingcrosby/brZ2N/ .
Click the box...
406 просмотров
schedule
08.01.2023
Fabric.js — фильтр оттенков
Кажется, я не могу заставить работать функцию фильтра оттенка fabric.js или найти какой-либо пример ее использования. Я пытался:
img.filters[0] = new f.Tint({
color:'green'
});
Я также пробовал #00ff00 вместо green , но оба они просто...
4630 просмотров
schedule
16.06.2023
Загрузка подкласса fabric js из fabric.image с примененным фильтром изображения
У меня проблема с загрузкой фильтра изображения, который сохраняется в моем объекте изображения подкласса. Вот код моего подкласса:
fabric.TopImage = fabric.util.createClass(fabric.Image, {
type: 'top-image',
initialize: function...
2576 просмотров
schedule
22.12.2022
Найдите координаты углов повернутого объекта в Fabricjs
Предположим, у меня есть изображение на холсте Fabricjs. Я могу легко вычислить координаты углов на основе значений top и left изображения и его размера.
Как это сделать, если изображение повернуто на любой градус?
Пример:
EDIT:...
10401 просмотров
schedule
15.04.2022
Как отключить точки масштабирования элементов холста с помощью fabric.js?
По умолчанию элементы Fabric.js имеют 8 точек для масштабирования любых объектов. Но приложение, над которым я работаю, специально требует, чтобы растяжение не допускалось по одной оси (по горизонтали или по вертикали). Мне нужны только угловые...
24853 просмотров
schedule
13.11.2022
Наслоение объектов холста в Fabric.js
Есть ли способ разместить объекты на холсте Fabric.js через официальный API? Прямо сейчас единственный способ, который я нашел, - это вручную перебирать canvas._objects и переупорядочивать их так, чтобы они рисовались в определенном порядке. Есть ли...
39528 просмотров
schedule
01.07.2023
Что не так с загрузкой этого JSON?
Что не так с загрузкой этого JSON? Выберите новый объект, задайте его ID, добавьте и сохраните его. Попытка перезагрузить объект JSON приводит к пустому холсту.
http://jsfiddle.net/Sugv4/14/
function loadCanvas() {
canvas.clear();...
372 просмотров
schedule
09.06.2023
Как увеличить область выделения объекта ткани?
Рассмотрим следующий код:
var lineObj = new fabric.Line([120,200,320,200],{
stroke: '#000000',
strokeWidth: 1
});
canvas.add(lineObj);
Эту линию в 1 пиксель очень сложно выделить из-за ее очень маленькой ширины. Что я хочу сделать здесь,...
3197 просмотров
schedule
12.08.2022
Импорт SVG в Fabric.js работает неправильно
Я создаю форму SVG и экспортирую ее в базу данных. jsfiddle для этого здесь - http://jsfiddle.net/rafi_ccj/MASeK/1/
И код ниже.
HTML-часть:
<button id="make_svg">toSVG</button>
<div id="canvas-wrapper">
<canvas...
2907 просмотров
schedule
27.05.2023
Как обновить размер группы в Fabricjs
В библиотеке Fabricjs класс Fabric.Group предлагает метод .addWithUpdate(...) , который добавляет объект в группу; Затем пересчитывает размер группы, положение.
Есть ли способ принудительно обновить?
Я создаю группу с помощью...
1724 просмотров
schedule
29.01.2023
Как получить ширину импортированного файла svg с помощью Fabricjs
Я импортирую svg из Corel... сцена Corel огромна, около 3000x3000px. SVG, созданный Corel, включает в себя w/h сцены в элементе <svg> :
<svg ... width="2479px" height="3504px" ... >
Я импортирую этот svg в html через fabricjs:...
721 просмотров
schedule
31.10.2022
Элементы на холсте исчезают с jsfiddle
У меня проблема с использованием fabric.js на холсте. После изменения размера с коэффициентом масштабирования 5x, двойного нажатия ZoomIn элементы на холсте исчезают. Пожалуйста, посмотрите: http://jsfiddle.net/ptCoder/Q3TMA/90/
Размер холста...
1290 просмотров
schedule
26.06.2023
Fabricjs - перемещение группы путем выбора только одного элемента
Я добавил fabric.Group на холст и хотел бы разрешить перемещение группы, выбрав только один элемент в группе. Есть ли способ настроить форму области выбора?
1185 просмотров
schedule
07.03.2023
Как это сделать Скопируйте и вставьте изображение из пользовательской системы в Canvas с помощью fabric.js
Можем ли мы скопировать (Ctrl+C) и вставить (Ctrl+V) изображение из пользовательской системы (рабочий стол/любая папка) на холст с помощью Fabric.js. Я видел программу копирования и вставки внутри холста, я нашел этот Пример при поиске в Google, но...
2614 просмотров
schedule
25.03.2024
FabricJS: всегда центрировать объект на холсте
возможно ли ВСЕГДА центрировать объект на холсте Fabricjs?
Предыстория: я создаю веб-инструмент, который упрощает создание сложных анимаций с использованием Fabricjs. Я хочу иметь возможность установить размер холста на 100% как по ширине, так и...
25329 просмотров
schedule
18.02.2023
Цвет текста FabricJS является объектом
Я пытаюсь загрузить цвет текста в палитре цветов. Однако, когда я получаю («заполнить») активный объект, загруженный из JSON, он дает мне объект. Вот оскорбительная строка JSON:
"fill":{"ok":true,"format":"hex6","_tc_id":258,"alpha":1}
Как...
3965 просмотров
schedule
08.07.2022
Несколько изображений в цикле и размещении на холсте
Я сталкиваюсь со странной ситуацией при использовании FabricJS.
1) Выполняется вызов AJAX для получения списка изображений с данными о местоположении их холста, т.е. X и Y. В списке много таких изображений. 2) В коде javascript у меня есть цикл,...
542 просмотров
schedule
04.08.2022
Добавление параметров в объект типа группы на холсте Fabricjs
Я пытаюсь загрузить объект (группу объектов) в холст, с этим проблем нет. Но если я хочу добавить некоторые параметры к загруженному объекту, такие как scaleX, scaleY, lockScalingX и т. Д., С помощью метода set, я получаю сообщение об ошибке...
1371 просмотров
schedule
10.09.2022
Не удалось загрузить библиотеку javascript в приложение Meteor.
У меня возникли проблемы с использованием библиотеки fabric.js с приложением Meteor, и, к сожалению, я не могу пройти этап добавления ее в свое приложение, не говоря уже о ее вызове. Самый простой отдых заключается в следующем:
> mrt create...
2709 просмотров
schedule
02.05.2024