Вопросы по теме 'fabricjs'

какие файлы нужны для использования fabricjs
когда я сравниваю файлы css и js, включенные в демонстрацию FabricJS, с файлами, которые я получаю в загруженном zip-архиве файл из github , они не совпадают. например, в источнике одной из демонстраций я нахожу ссылки на: 1 - "../css/"...
727 просмотров
schedule 12.09.2021

Как переместить базовый холст в FabricJS?
Я не понимаю, как этого добиться с помощью FabricJS. У меня есть тканевый контейнер: <div class="canvasContainer canvasDemo"> <canvas id="canvas" width="1935" height="1380"></canvas> </div> с соответствующим CSS:...
903 просмотров
schedule 22.11.2021

Метод Fabric js canvas.toSVG () выдает ошибку
Когда я пытался экспортировать данные холста в svg с помощью метода canvas.toSVG (), он выдает ошибку типа Uncaught TypeError: Object #<klass> has no method 'toSVG' . Это проблема библиотеки или я что-то делаю не так? Кто-нибудь может...
541 просмотров
schedule 15.11.2021

fabric.js - toDataURL показывает пустую страницу, когда есть изображение на холсте
Я использую fabric.js для своего приложения на холсте, метод toDataURL работает правильно, за исключением случаев, когда на холсте есть изображение. Когда я добавляю изображение на холст и вызываю toDataURL, он показывает мне пустую страницу....
7279 просмотров

Fabricjs HTML5 Canvas: почему изображения так плохо меняют размер?
Когда я добавляю изображение 775 x 775 на холст fabricjs и уменьшаю его размер примерно до 90 x 90, изображение сильно теряет свое качество. Но если я добавлю это же изображение в качестве <img/> и уменьшу его, оно сохранит свое...
3407 просмотров
schedule 17.09.2021

Сбросьте холст и перезагрузите его с помощью JSON в Fabric.js
Я создаю что-то вроде примера с кухонной раковиной, за исключением того, что мне нужно иметь несколько представлений. http://fabricjs.com/kitchensink Визитная карточка: передняя и задняя По мере редактирования я периодически сохраняю JSON....
31790 просмотров
schedule 16.09.2021

Нарисуйте вертикальные линии через равные промежутки времени в прямоугольнике, используя Fabric.js
Я хочу рисовать вертикальные линии в прямоугольнике через равные промежутки времени, а количество линий зависит от пользователя. Если число равно 3, в прямоугольнике должны быть вертикальные линии, равномерно распределенные. Как я могу добиться...
1547 просмотров
schedule 05.10.2021

Настроить элементы управления для всех элементов на холсте
В разделе «Настройка» документации fabric.js ( http://fabricjs.com/customization/ ) он указывает изобрели множество способов изменить внешний вид границ определенных элементов на холсте. Используемый синтаксис: canvas.item(0).hasControls =...
1679 просмотров
schedule 07.11.2021

Проблема с загрузкой фильтров изображений Fabric js
Я хочу добавить фильтры в Fabric js, мои изображения очень тяжелые для применения фильтров Как получить функцию обратного вызова для фильтра? Поскольку я хочу показать загрузчик, пока процесс не будет продолжен, я не получил никакого свойства,...
1021 просмотров

Я использую fabricJs и хочу получить позицию мыши при масштабировании
Я использую библиотеку fabricJs для создания прямоугольников и хочу получить позицию мыши после масштабирования Я использую этот код, чтобы начать рисовать прямоугольник в масштабе 1, он работает правильно, но после того, как я, например,...
2995 просмотров
schedule 17.09.2021

преобразование координат мыши в CANVAS с помощью fabric.js
Я разработал линейку с использованием fabric.js, и когда пользователь наводит курсор на определенную часть линейки, я хочу вывести на экран X-координату линейки (т.е. не координату экрана). Прямо сейчас холст линейки начинается с позиции 37 и...
932 просмотров
schedule 03.12.2021

Загрузка из JSON не работает. Fabric.JS
Вот мой код: var canvas = new fabric.Canvas('canvas'); $('#btn_edit').click(function(){ var c = JSON.stringify(canvas); }); $('Load').click(function(){ canvas.loadFromJSON(c); }); $('#add').click(function(){ canvas.add(new...
876 просмотров
schedule 04.11.2021

Fabric.js: в чем разница между `add ()` и `addWithUpdate ()`?
var canvas = new fabric.Canvas('canvas'); var a = new fabric.Rect({ width: 20, height: 20 }); var g = new fabric.Group([a]); canvas.add(g); var b = new fabric.Rect({ width: 20, height: 20, left: 30 }); g.add(b); canvas.renderAll(); Я ожидаю,...
3052 просмотров
schedule 29.10.2021

Фон Fabric.js появляется только после нажатия
С помощью следующего кода я создаю холст Fabric canvas = new fabric.Canvas('canvas'); canvas.setWidth(660); canvas.setHeight(590); fabric.Image.fromURL('assets/img/materials/marble.bmp', function(image) { image.set({ // I need this...
1823 просмотров
schedule 30.09.2021

масштабирование холста с clipto не работает
При использовании fabric.js , когда я использую setZoom() , clipTo() не отвечает и остается на той же ширине и высоте. Код работает с объектами внутри холста. Я уже тестировал с помощью zoomToPoint, но мою проблему не решил. function...
355 просмотров
schedule 02.10.2021

Создание инструментов в FabricJS?
Я работаю над простым редактором, в котором вы можете перемещать текст, изображения и многое другое. В этом нет ничего слишком сложного, однако у меня возникла проблема с выбором между использованием PaperJS и FabricJS - основная причина -...
1013 просмотров
schedule 17.11.2021

Как добавить изображение к многоугольнику в ткани js?
1 Я создаю многоугольник с определенными точками, когда пытаюсь добавить изображение к объекту многоугольника. Изображение не отображается в многоугольнике. Оно выполняется с начальной точки холста. Ниже приведен код, который я использовал....
818 просмотров
schedule 15.09.2021

Изображение SVG по-разному отображается на холсте с помощью FabricJS
При загрузке файла SVG на холст FabricJs я обнаружил, что он отображает его с другими цветами, нежели те, для которых он был разработан. Вот как это выглядит, если открыть его в браузере. Вот как он отображается на холсте. Вот суть моего...
75 просмотров
schedule 14.09.2021

Координаты холста FabricJS на ощупь
Я использую пакет Fabricjs с событиями, чтобы попытаться захватить координаты пользователя, когда они касаются холста. Это код: HTML <div id="c-wrapper"> <canvas id="c"></canvas> </div> Javascript var...
870 просмотров
schedule 19.09.2021

как отправить изображение с холста с помощью toDataURL на php
У меня есть этот код <form id="memeForm" method="post"> {{ csrf_field() }} </form> и я хочу сохранить холст как изображение и отправить его в свой php-код e.preventDefault(); $('#imgForm').attr('action',...
272 просмотров
schedule 23.10.2021