Описание тега vue-konva
0
ответов
Использование пользовательских объектов модели в качестве поставщика v-for во Vue?
Новичок в Vue - учусь, пока я исследую. Я пытаюсь использовать настраиваемый объект в качестве источника данных для ситуации v-for. Пока не работает - признаю, я не уверен, как получить доступ к данным по имени в компоненте Vue. main.js import Vue f…
12 апр '20 в 06:58
0
ответов
Изображение появляется только после обновления vue-Konva
Я пытаюсь отобразить изображение в Konva.Stageв приложении Vue. Однако изображение загружается только после обновления страницы или после отключенияthis.adjustImage() в image.onload. поэтому я загружаю свой образ при установке моего приложения следу…
26 апр '20 в 20:52
1
ответ
Большое изображение не отображается на холсте с помощью KonvaJS при использовании кеша
Я использую konvajs и vue-konva для размещения изображения в области прямоугольника. Мне нужно кэшировать это изображение, чтобы применить к нему собственный фильтр. Это изображение загружается пользователем, и его размеры могут быть довольно больши…
09 июл '20 в 19:34
1
ответ
Vue-Konva: Есть ли способ изменять порядок слоев на лету?
Итак, я работаю с vue-konva и у меня получилось примерно так: <v-container> <v-stage ref="stage"> <v-layer ref="baseImage"> <v-image> </v-layer> <v-layer ref="annotationLayer"> <v-rect ref="eventBox"> <v-…
22 апр '20 в 10:21
2
ответа
почему я не могу создать один слой для слишком или нескольких фигур с помощью vue-konva?
У меня проблема с vue-konva, я не могу создать слишком много фигур в одном слое, например: <template> <v-stage :config = "stage"> <v-layer> <v-circle :config = "circle1" /> </v-layer> <v-layer> <v-circle :confi…
25 апр '20 в 18:50
1
ответ
как нарисовать многоугольник клика vue-konva
Как я могу нарисовать многоугольник, где я могу установить каждый угол одним щелчком мыши с помощью vue konva? Я не мог найти ничего, кромеv-polygon который создает предопределенный многоугольник, а не интерактивный.
01 май '20 в 18:34
1
ответ
Сложные макеты с vue.js в laravel
В настоящее время я решаю, как подойти к очень сложным макетам, как на картинке. Мне нужно будет динамически изменять цвета каждого элемента и динамически отображать данные в некоторых из них. Может ли кто-нибудь подсказать, как к этому подойти? Пок…
02 июн '20 в 10:38
0
ответов
Как правильно отображать контент конвы на экранах разного размера в реальном времени
Я создаю компонент vue для доски в реальном времени с помощью vue-konva, и все формы, очевидно, будут хорошо смотреться на исходном экране, но они будут больше и не поместятся на экранах меньшего размера. Я пробовал применить это руководство ко всем…
14 июл '20 в 14:34
1
ответ
какой фреймворк мобильного приложения поддерживает Konva
Насколько я понимаю, в настоящий момент react-konva не поддерживается в среде React Native; Однако вам интересно, поддерживает ли vue-konva мобильное приложение? Или вы можете предложить мне способ переноса содержимого холста konva в приложение для …
08 авг '20 в 03:58
1
ответ
Как я могу вызвать hide() для объекта на экране с помощью vue-konva?
Какой объект содержит элемент v-xxx (например, v-круг)? Я хочу просто вызвать hide() для этого объекта, и подумал, что, возможно, ref играет ключевую роль, но это не удалось (получил this.$ Refs.testCircle.show не является функцией). Ниже приведен к…
13 апр '20 в 23:52
1
ответ
Как создать видеокомпонент с помощью vue-konva?
С konva.js вы можете создавать видеокомпоненты на холсте. Здесь вы можете увидеть пример в документации (https://konvajs.org/docs/sandbox/Video_On_Canvas.html). Сейчас я использую vue-konva и нет компонента для создания видео на холсте. Вам нужно сд…
14 апр '20 в 23:00
0
ответов
Как использовать Layer.draw() во Vue
Как использовать layer.draw() во Vue . Из-за V-IMAGE, созданного данными цикла, иногда изображение не появляется, но оно появляется после щелчка по окну изображения
06 авг '20 в 06:20
1
ответ
рисовать прямоугольник с помощью мыши перемещать с помощью Konva в VUE
Это то поведение, которого я хочу добиться в Vue.js Вот пример скрипки Js, который я пытаюсь сделать: https://jsfiddle.net/richardcwc/ukqhf54k/ //Canvas var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); //Variables v…
06 ноя '20 в 07:43
1
ответ
Как добавить собственный стиль CSS в слой Konva в Vue.js?
Я работаю над холстом с Конвайсом. У меня есть слой с кругом, который я хочу оживить. Есть ли способ добавить собственный CSS к кнопке, чтобы она мигала. Ниже приведен раздел кода для конфигурации Konva. <div class="container"> <v…
29 окт '20 в 23:54
1
ответ
Рисование фигур конвой для отображения на холсте
Я хочу использовать konva в vue.js для рисования фигур, которые будут отображаться на холсте, поэтому у меня есть несколько прямоугольников, хранящихся в массиве прямоугольников, которые нужно нарисовать, но ничего не рисуется. <template> <…
26 ноя '20 в 19:59
1
ответ
Установите динамическую высоту и ширину для Konva Stage в Vue.js
Я хочу установить высоту и ширину Konva в зависимости от ширины его родительского контейнера. Поскольку я использовал статическое значение для этапа, который stageConfiguration:{ height: innerWidth * .5, width:innerWidth * 0.5} И мне нужно обновлять…
04 ноя '20 в 21:59
1
ответ
как прикрепить слушателей событий поворота и касания к фигурам в konvajs?
Я работал над включением жестов поворота в свое приложение, следуя руководству по https://konvajs.org/docs/sandbox/Gestures.html. Но в своем приложении я также прикрепил прослушиватель событий "касания", поэтому всякий раз, когда я пытался повернуть…
19 окт '20 в 16:41
1
ответ
vue 3 vue-konva: невозможно прочитать свойство 'component' неопределенного
import VueKonva from "vue-konva"; import App from "./App.vue"; const app = createApp(App); app.use(VueKonva, { prefix: "kv" }); введите описание изображения здесь
02 июл '21 в 13:03
0
ответов
Очень хорошая библиотека! Пытаюсь преобразовать следующий пример в vuejs: [закрыто]
Прямоугольник сумматор enter code here `введите код здесь` Удалите` введите код здесь` var width = 960; var height = 600; var stage = new Konva.Stage({контейнер: 'контейнер', ширина: ширина, высота: высота,}); var layer = new Konva.Layer (); stage.a…
02 июл '21 в 10:33
1
ответ
Vue Konva, динамическое создание этапов
Есть ли способ создать N+1 этап? Ниже показано, как создать один этап. <v-stage :config="configKonva"> <v-layer> <v-circle v-for="(item2, i) in items2" :config="item2" :key="i" :ref="`circle_${i}`" ></v-circle> </v-layer&g…
29 июл '21 в 14:03