Описание тега react-canvas

Вопросы с тегом
8 ответов

Как я могу использовать Fabric.js с React?

У меня есть приложение, использующее в основном HTML5 canvas через Fabric.js. Приложение написано поверх Angular 1.x, и я планирую перенести его в React. Мое приложение позволяет писать текст и рисовать линии, прямоугольники и эллипсы. Также можно п…
01 июн '16 в 09:43
2 ответа

Невозможно загрузить React Canvas Drawing

Я хочу загрузить свой рисунок на холсте React в виде файла изображения jpeg на рабочий стол, а затем передать его в файл python для классификации. Может ли кто-то указать код для загрузки чертежа React canvas или предложить лучший способ реализации …
21 авг '18 в 09:33
2 ответа

Лучший способ рисовать прямоугольники с помощью перетаскивания мышью в React.js?

Я пытаюсь выделить области изображения, как на Mac или Windows, перетаскивая область мышью в приложении React.js. Я понимаю, что лучше всего это сделать на Canvas, наложив холст на изображение, а затем перехватить события мыши и соответственно нарис…
12 мар '18 в 04:52
1 ответ

Построение пользовательского потока с использованием Html5 Canvas, JavaScript и React.

Я хочу разработать библиотеку диаграмм пользовательских потоков с использованием Html5 Canvas, Js и React. Кто-нибудь может мне помочь, пожалуйста?
27 окт '18 в 13:42
1 ответ

Странные проблемы с реагирующим холстом (нарушение инварианта)

Используем реагирование 0.13.3 и свежее реагирующее полотно. я собираюсь Нарушение инварианта: addComponentAsRefTo(...): только ReactOwner может иметь ссылки. Обычно это означает, что вы пытаетесь добавить ссылку на компонент, который не имеет владе…
17 ноя '15 в 21:43
0 ответов

Прекратить перетаскивание после подключения

Я использую библиотеку React-Konva для создания фигур с использованием моей палитры. Затем я перетаскиваю его для подключения. Но как только он подключен, он должен перетаскиваться для группы, должен работать только не для каждого элемента. Я помест…
26 июл '19 в 14:17
0 ответов

React - Fabric Js getActiveObject не работает

Я новичок в React с Fabric Js. Я просто попытался установить текущий активный образ. Моя проблема после выбора настройкиgetActiveObject()изображение на холсте станет белым. Я пробовал использовать несколько методов, но не могу найти решение. Демо-сс…
24 июн '20 в 20:30
2 ответа

Как использовать переменную, объявленную в useEffect(), в другой функции?

Ps решил мою проблему, но я все равно хотел бы услышать ваши мысли об этом и моем коде, если у вас будет время:) Я могу присвоить значение этой переменной только ТОЛЬКО после завершения рендеринга, поэтому я предполагаю, что я должен объявить эту пе…
27 сен '19 в 21:47
1 ответ

Как сохранить этап холста в формате JSON?

В моем текущем проекте я хочу создать что-то вроде Image Editor с react и react-konva. Прежде всего, я визуализирую сцену конвы с некоторыми реквизитами и перетаскиваемыми звездами по умолчанию. На следующем шаге мы можем установить фоновое изображе…
16 июл '20 в 21:16
0 ответов

Как получить ответ изображения от рисования холста реакции?

Я использовал рисование холста в React JS. Я получил ответ от функции getData, но хочу использовать ответ в формате изображения, но не могу получить изображение. import CanvasDraw from "react-canvas-draw"; <div className="tools"> <button on…
21 апр '20 в 13:41
0 ответов

Как реализовать функцию, которая позволяет пользователю наносить точки на изображение из внешнего интерфейса?

Я новичок в интерфейсе, и у меня есть пример использования, когда я разрешаю пользователю выбирать изображение и наносить на него точки. Позже я хочу собрать координаты нанесенных точек и провести с ними базовую математику, например, вычислить расст…
19 окт '20 в 00:11
1 ответ

Несколько версий Peer React npm

Я работаю над реактивным приложением. На данный момент я установил response@17.0.0 и у меня есть плагины, которым нужна эта версия response . Теперь я хотел также использовать response -canvas, которому нужен response@15.0.0. Предупреждение после ус…
22 апр '21 в 16:28
0 ответов

HTML-холст на мобильном устройстве (react-native-canvas) мерцает

Я пытаюсь сделать несколько простую анимацию на react-native. я использую react-native-canvasи, кажется, он достаточно хорошо реализует нормальный холст html, но на реальном устройстве у меня ужасно мерцает. У меня почти не мерцает эмулятор iOS, а в…
23 июн '21 в 18:27
0 ответов

Ограничивающая рамка в изображении с использованием reactjs

Я создал ограничивающую рамку, и у меня есть изображение, я хочу добавить эту ограничивающую рамку поверх изображения. Я много пробовал, но ничего не работает. пожалуйста, расскажите мне, как это сделать. я загрузил свой код здесь ниже Код реакции: …
28 окт '21 в 18:30
1 ответ

TypeError: sigCanvasRef.getTrimmedCanvas не является функцией

Я получаю указанную выше ошибку при использовании getTrimmedCanvas. Я читал, что при использовании стиля фона эта ошибка возникает из-за того, что нужен белый фон или что-то в этом роде. Есть еще код, но я вставил только соответствующие вещи. Спасиб…
04 дек '21 в 19:23
0 ответов

Как записать элемент холста в react.js

Мне нужно программно записывать видео из Zoom SDK. При запуске видеопотока с масштабированием мне нужно записать это видео. У меня есть пример кода на чистом javascript. Как написать этот код в react js. var canvas = document.querySelector("canvas")…
08 дек '21 в 12:38
0 ответов

Невозможно предотвратить по умолчанию при вызове пассивного прослушивателя событий с помощью Canvas Draw в React

Я использую canvasDraw, и он отлично работает на моем рабочем столе, но когда я запускаю в Android, появляется эта ошибка: Невозможно предотвратить по умолчанию при вызове пассивного прослушивателя событий. Теперь я исследую возможные решения, так к…
15 дек '21 в 17:36
0 ответов

почему изображение размыто в react-canvas-draw

Я создаю приложение на React, мне нужно сделать снимок, а затем нарисовать его, я работаю для этой цели с «реагирующей веб-камерой»; Чтобы сделать фото, И для рисования на картинке, которую я использую с CanvasDraw, Моя проблема в том, что когда я п…
09 янв '22 в 19:11
2 ответа

Какой подход может успешно реализовать интеллектуальное перетаскивание, подобное этому, в реакции? (подход на основе холста или без холста?)

Какой подход к интеллектуальному перетаскиванию, как это в реакции? (подход на основе холста или без холста?). То есть использовать React (с библиотекой, такой как React DND) без использования кавы, ИЛИ перейти к рендерингу/рисованию этого в React с…
04 июн '22 в 05:28
0 ответов

Как получить базовый URL-адрес 64 с большим размером холста?

Я использую реагирующую нативную библиотеку холстов и реализую холст размером листа A4 шириной и высотой более 3000 пикселей. Теперь у меня есть пустой холст и я вставляю несколько изображений в холст, поэтому, как только холст имеет больший размер …
11 мар '22 в 08:09