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

Перемещение фигуры с помощью KineticJS
Вот jsfiddle с фигурой, которую следует перемещать при перетаскивании мышью. Я вижу в консоли javascript, что shape.move() вызывается с правильными значениями, хотя форма не будет двигаться. Почему фигура не двигается?
2483 просмотров
schedule 09.09.2022

Как удалить фильтр для изображения в kineticjs?
Я могу добавить фильтр к изображению, например здесь : // apply grayscale filter to second image filteredYoda.applyFilter({ filter: Kinetic.Filters.Grayscale, callback: function() { layer.draw(); } }); , но как я могу...
946 просмотров
schedule 25.04.2024

Ограничение изображения путем в KineticJS
Можно ли ограничить объект (например, Image ) штрихом Polygon ? jsfiddle: http://jsfiddle.net/CZzpZ/ В JSfiddle мне бы хотелось, чтобы Yoda Image ограничивал перетаскивание обводкой многоугольника poly . Изучил сложные границы...
716 просмотров
schedule 14.11.2023

Как сделать плагин для Kinetic.js? (Отредактировано)
Повторно публикую вопрос. Я не объяснил вопрос должным образом раньше, так что извините за это. Надеюсь, это компенсирует это. Я планирую сделать плагин для Kineticjs. Теперь я не эксперт в этом, поэтому нужна помощь. Я видел несколько...
401 просмотров

Проблема изменения размера Kineticjs в новой версии (4.3.0+)
До сих пор я использовал пример на http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/ в качестве основы для функции изменения размера. Однако в новой версии кинетики (4.3.0+) введен специальный слой для...
351 просмотров
schedule 23.02.2024

Как узнать идентификатор холста, сгенерированного Kinetic?
После того, как я создам холст, который хочу, с помощью Kinetic, я хочу манипулировать им другими способами. Я не могу найти в документации идентификатор холста, созданного Kinetic. Я хочу получить его с помощью getElementById. Спасибо за ваше время.
2340 просмотров
schedule 20.08.2022

svg код HTML 5 путь золотая спираль
я хочу создать текстовую анимацию по спиральному пути, что-то вроде этого http://www.html5canvastutorials.com/labs/html5-canvas-spiral-text/ моя попытка состоит в том, чтобы сделать путь золотой спиралью вместо того, что в приведенном выше коде....
1368 просмотров
schedule 07.09.2022

Цикл кинетических переходов javascript один за другим, а не все сразу
Я хочу поставить в очередь несколько переходов один за другим на холсте html5. Зацикливание функции перехода вызывает все переходы одновременно. Я не знаю, будет ли обратный вызов делать это, если итераций более 100. Я хочу сделать что-то вроде...
630 просмотров
schedule 15.04.2024

Изменение размера верхнего левого угла искажает мою позицию X и Y
Я использую изменение размера с KineticJS, которое я нашел и точно настроил в соответствии со своими потребностями ( http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-и-инвертировать-изображения/ ) Одна из этих потребностей...
423 просмотров
schedule 01.07.2022

Привязка события удаляется после сохранения и перезагрузки этапа в KineticJS.
Ниже мой код, я загружаю изображение и привязываю к нему событие onclick. Я хочу сохранить этот этап и нарисовать что-то еще, например, следующий экран с кнопкой «Назад», кнопка «Назад» загрузит предыдущий экран. Но когда я сохраняю этап с помощью...
507 просмотров
schedule 30.11.2023

маскирование нескольких динамических изображений в кинетических js с помощью setClipFunc
Я пытаюсь добавить простую прямоугольную маску для покрытия нескольких изображений, метод контейнера setClipFunc выглядит как победитель http://kineticjs.com/docs/symbols/Kinetic.Container.php#setClipFunc , но запутался в том, как это работает и...
255 просмотров
schedule 24.12.2023

kineticjs - маскировать/содержать изображения, чтобы не было перекрытий
У меня есть 2 изображения на моей сцене под наложенным изображением из 2 кадров. Пользователь может перетаскивать каждое изображение, как если бы он размещал каждое изображение внутри фоторамки. Моя проблема заключается в том, что изображение Йоды в...
792 просмотров
schedule 29.12.2023

Работа со старой версией KineticJS
Около года назад я разработал достаточно сложное веб-приложение на основе холста, используя kinetic.js . Я использовал kinetic.js 3.10.4. версия И я удивлен, что мое приложение больше не работает в последних версиях браузеров, таких как Google...
217 просмотров
schedule 31.01.2024

много очень запутанных проблем с kinetic.js
у меня возникли некоторые проблемы с пониманием кинетического.js (документация ужасна для новичков...) я надеюсь, что смогу объяснить это с моим плохим английским. Проблема 1: каждый раз, когда я #сбрасываю свой холст, на самом деле это не...
257 просмотров
schedule 11.10.2023

KineticJS: как получить все Rect/etc. и как установить пользовательский ID?
Я использую KineticJS и добавляю к слою несколько прямоугольников: var kNode = new Kinetic.Rect({ x: 300, y: 300, cornerRadius: 8, fill: '#ffffff', strokeWidth: 1, stroke: '#cccccc', width: 200, height: 100,...
1289 просмотров
schedule 16.07.2022

kineticjs: повернуть изображение на определенный угол и остановить
Я совершенно новичок в HTML и кинетике, и я хочу создать анимацию, которая вращает изображение вокруг определенной точки и под определенным углом. Тогда это должно прекратиться. Позже я хочу реализовать способ управления углом, нажав кнопку. Но к...
397 просмотров
schedule 18.04.2024

KineticJS 5.0 - перетаскивание изображения и изменение его размера
Я пытаюсь изменить размер изображений с помощью библиотеки KineticJS с помощью метода перетаскивания. Код отлично работает с v4.5.3 библиотеки - когда я перетаскиваю якорь, размер изображения изменяется. Но после того, как я обновил KineticJS до...
1226 просмотров
schedule 04.03.2024

Шаблоны линий с Kineticjs
Итак, я пытаюсь нарисовать линию, которая использует узорчатое изображение в качестве обводки вместо сплошного цвета. Я знаю, что прямоугольник или другую фигуру можно заполнить узором, но я не пытаюсь это сделать, я работаю только с линиями. Итак,...
186 просмотров
schedule 22.10.2022

Как установить продолжительность в две секунды в Kineticjs?
Я создал форму Kineticjs Circle, которую я масштабирую. Я начинаю масштабировать alarmcircle с помощью anim.start();. Знаете, мне интересно, можно ли установить продолжительность (например, 2 секунды) для анимации масштабирования. Я хочу установить...
166 просмотров
schedule 02.07.2022

Kineticjs: изображение Stoke недоступно при использовании области попадания
Я использую область попадания Kineticjs, как указано в: http://www.html5canvastutorials.com/kineticjs/html5-canvas-pixel-detection-with-kineticjs/ У моего изображения есть штрих: var lion = new Kinetic.Image({ image: images.lion,...
125 просмотров
schedule 09.11.2022