Описание тега konvajs
Konva - это фреймворк HTML5 Canvas JavaScript, который обеспечивает высокопроизводительную анимацию, переходы, вложение узлов, наслоение, фильтрацию, кэширование, обработку событий для настольных и мобильных приложений.
1
ответ
Как изменить, чтобы обновить атрибут в KonvaJS
У меня есть следующий фрагмент кода Konva, и я пытаюсь обновить атрибут текста var lifePoint = new Konva.Text({ x: 50, y: 50, id: 'P1', text: 'Player Lifepoint: 100', fontSize: 30 }); После прочтения документации я попробовал: // find and change tex…
22 окт '18 в 14:56
1
ответ
Как ссылаться на переменную, как это было в цикле?
С помощью следующего кода я хочу войти в консоль 1 2 и 3 в зависимости от прямоугольника под указателем. То, что я получаю, всегда является последним значением, три. Я не понимаю, почему и как я могу решить проблему. <script src="https://unpkg.co…
11 ноя '18 в 21:51
1
ответ
Konva - Использование поворота и удержание в границах
Я использую Konva для создания области на веб-странице. Я создаю функцию dragBoundFunc для моего прямоугольника, проверяя pos.x и pos.y, а также ширину canvas и rect, и это работает нормально - прямоугольник остается только в этой области, как я хоч…
03 фев '18 в 13:19
2
ответа
Как использовать конву на windows без Visual studio и GTK
Похоже, что VS и GTK нужны только для создания node-canvas, что требуется для konva. Прости меня, так как я новичок, но есть ли другой способ сделать это без необходимости загружать и устанавливать кучу огромных вещей, которые я никогда не буду испо…
04 июл '16 в 19:33
1
ответ
Переменная типа Typescript Konva не находится в области видимости
У меня есть проект Ionic, на котором я пытаюсь использовать Konva.js. У меня проблема в том, что один из моих методов класса не распознается во внутренней функции. Я пытаюсь вызвать функцию, как только пользователь щелкает блок текста (tossUpText), …
15 янв '18 в 21:23
1
ответ
Как сделать закругленные углы на многоугольнике с помощью кинетики
Я использую kineticjs сделать некоторую графику HTML5, и я хотел бы сделать закругленный угол на многоугольнике. Как я могу это сделать? На данный момент у меня есть этот многоугольник: var poly = new Kinetic.Polygon({ points: [50, 100, 180, 100, 18…
08 июн '13 в 21:36
0
ответов
Конва - использовать изображение в качестве области отсечения
Из документации konva я знаю, что можно создавать области отсечения и помещать в них фигуры. ( См. Здесь) Но возможно ли использовать изображение png в качестве области отсечения с помощью vue-konva? Я хотел бы показать некоторые элементы в белой фо…
30 окт '18 в 15:37
1
ответ
Как создать слой холста с помощью кнопки
У меня есть вопрос - как нарисовать слой холста (например, просто квадрат) с событием по нажатию на кнопку в Vue.js? У меня есть этап, и на этом этапе с позицией x:0, y:0, я хочу после нажатия на кнопку, чтобы создать этот квадрат и с помощью перета…
27 апр '18 в 10:08
1
ответ
KonvasJs: высота и ширина изображения теряются при сохранении сцены холста в строку JSON
Я разрешаю пользователю загружать изображение на холст; при создании Konvas.Image я устанавливаю атрибуты высоты и ширины на основе изображений naturalHeight и naturalWidth. Загрузить код: function loadImageStep1(src) { var imgKI = new Konva.Image({…
29 июл '17 в 00:49
1
ответ
Z-index нижний фон -Конвайс
Как использовать node.setZIndex(2); или node.moveToTop(); node.moveToBottom(); для фонового слоя исправить в нижней части изображения и тексты? Если щелкнуть фон -> изображение -> фон, изображение перейдет вниз https://jsfiddle.net/hk7xe0we/12/ $('.…
15 янв '16 в 09:22
3
ответа
Новое окно.Image() не работает с машинопись
Я использую библиотеку KonvasJs для React. ( https://github.com/lavrton/react-konva) Чтобы загрузить изображение в JavaScript/React, это componentDidMount() { const image = new window.Image(); image.src = "http://konvajs.github.io/assets/yoda.jpg"; …
06 июн '18 в 09:42
1
ответ
Показывает ярлык реагирующей конвы, если посетил элемент конвы
Я использую React Konva 1.1.6 и учусь его использовать. В следующем коде я пытаюсь отображать метку рядом с указателем мыши каждый раз, когда моя мышь проходит над стрелкой конвы. Тем не менее, мой ярлык просто исчезает. Я что-то упустил в своем код…
05 ноя '18 в 19:02
1
ответ
Как получить фактическую ширину повернутого холста прямоугольника
Я использую Konva JS, чтобы сделать трансформируемый прямоугольник. Я могу получить доступ к ширине прямоугольника, используя rect1.getClientRect().height, Однако, когда я поворачиваю прямоугольник, свойство width меняется. Я считаю, что свойство wi…
01 июн '18 в 14:33
0
ответов
konva js сохраняет соотношение изображения при загрузке
Есть ли способ сохранить пропорции изображения, когда я загружаю изображение в konva.js. По сути, я использую konva с расширением Vue, и мне нужен такой метод, как загрузка фонового изображения, я установил размер холста в зависимости от пользовател…
28 ноя '18 в 19:28
0
ответов
Angular 1 + Konva JS - как их объединить
Я хочу использовать Konva JS в Angular 1. .controller("NewController",function(){ var width = window.innerWidth; var height = window.innerHeight; function update(activeAnchor) { var group = activeAnchor.getParent(); var topLeft = group.get('.topLeft…
22 дек '17 в 18:49
1
ответ
Экспорт видимой области холста в высоком разрешении
Я работаю над html5 canvas, для этого я использую konvajs и anglurjs. Я хочу экспортировать видимую область холста с более высоким разрешением. Я могу экспортировать видимую область с помощью stage.toDataURL('JPEG',1.0), но он ухудшает разрешение из…
22 янв '17 в 09:47
1
ответ
Как выполнить действие, когда анимация Konva заканчивается?
Этот вопрос специфичен для примера колеса фортуны. Как новичок в javascript, мне удалось изменить количество клиньев, их цветов и меток, но я не мог понять, как связать функцию с конечным событием анимации вращения. Это будет для небольшого психолог…
20 фев '17 в 15:29
0
ответов
Как использовать dragBoundFunc для Polygon в React Konva
Я хочу связать свое движение многоугольника с изображением в React Konva. Когда я двигаю полигон, он выходит из изображения, которое мне не нужно. Я ограничиваю движение в onDragEnd, но это не оптимально. Я пытался использовать dragBoundFunc, но он …
21 сен '18 в 11:14
1
ответ
Konva js - привязать событие начала перетаскивания к перетаскиваемому элементу и не перемещать его
У меня есть следующий код. var stage = new Konva.Stage({ container: 'canvas', width: 500, height: 300 }); var eventWrapperLayer = new Konva.Layer({}); var createTriggerBlock = function(elemType, elemText, elemId) { eventElementCounter = 0; var event…
17 авг '16 в 17:20
0
ответов
Динамическое обновление изображений в konva.js
Я использую konva.js для создания простого редактора. Одним из элементов на холсте является изображение, которое динамически генерируется внутренним сервером: Предмет является Image пункт и я использую: this.img.src = /api/generate_img?arg1=foo&…
26 янв '16 в 10:18