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

Kinetic JS — проблема с наслоением
У меня два разных этапа поверх другого. И я добавляю к ним слои и размещаю два объекта изображения. Теперь я дал событие «щелчок» этим объектам изображения. Однако, поскольку недавно добавленный слой находится поверх других слоев, только...
1796 просмотров
schedule 13.12.2022

Используя кинетики, как повернуть объект изображения на месте?
Учитывая следующий код: var stage = new Kinetic.Stage({ container : "container", width : 600, height : 200 }); var layer = new Kinetic.Layer(); // one revolution per 4 seconds var angularSpeed =...
5665 просмотров
schedule 05.06.2024

Поворот группы объектов с помощью KineticJS
У меня есть группа объектов [круг и несколько линий] в группе. я хочу повернуть всю группу на угол [скажем, 90], где вращение находится в центре круга. Тем не менее, при вращении группы она не вращается по смещению, заданному в качестве центра...
2040 просмотров
schedule 26.05.2024

Преобразование (перемещение/масштабирование/поворот) фигур с помощью KineticJS
Я пытаюсь создать диспетчер преобразований для KineticJS, который будет создавать ограничивающую рамку и позволит пользователям масштабировать, перемещать и поворачивать изображение на своем холсте. Меня сбивает с толку логика якорных точек....
9211 просмотров
schedule 28.03.2024

KineticJS .toImage() правильный метод для создания изображения из региона/группы
При использовании метода .toImage() в KineticJS мне всегда кажется, что я получаю гораздо большее изображение, чем это действительно необходимо, а часть, которая мне нужна, занимает только верхний левый угол изображения данных. Моя сцена...
2314 просмотров
schedule 06.11.2023

почему позиция события мыши неверна в кинетике?
у меня есть кинетика, я использую тег, чтобы получить положение холста кинетики по центру #mycanvas{text-align:center;} И когда запустите его, область события будет удалена от объекта на 200 пикселей, слева от объекта. Я не могу понять...
151 просмотров
schedule 29.12.2023

Удаление изображения с холста html5 при его перетаскивании в определенное место
У меня есть холст HTML5, на котором отображается несколько изображений и четыре поля описания. В настоящее время можно перетаскивать изображения по холсту, но я хочу добавить функцию удаления изображения, когда оно перетаскивается в правильное поле...
869 просмотров
schedule 04.12.2022

Как получить точное положение указателя при щелчке поверх перетаскиваемого слоя?
Я только изучаю Kinetic.js, и мне очень нравится, как легко это делается с помощью элемента HTML5 <canvas> . У меня есть большой слой, который больше, чем «сцена» (если использовать кинетический язык), но его можно перетаскивать....
103 просмотров
schedule 12.02.2024

Проблема KineticJS toImage с шириной и высотой
Я столкнулся с этой странной проблемой ..! У меня есть текстовый элемент кинетического JS, и я конвертирую его в изображение. Вот код var simpleText = new Kinetic.Text({ x: 50, y: 50, text: $("#text").val(), fontSize:...
881 просмотров
schedule 24.11.2023

Почему метод drawFunc Kinetic.Shape вызывается дважды?
При попытке создать пользовательскую форму с помощью KineticJS (v4.5.4) я заметил, что метод drawFunc класса Kinetic.Shape вызывается дважды, на один раз больше, чем я ожидал, учитывая приведенный ниже код (адаптировано из...
615 просмотров
schedule 08.10.2022

Kineticjs останавливает рендеринг
Использование кинетического js для списка каталогов с возможностью поиска в киоске. Он отлично работает! кроме одной проблемы. Я нахожусь в хроме и имею список a, b, c, d и т. Д. На стороне, которую пользователь может щелкнуть, чтобы найти имена,...
300 просмотров
schedule 18.11.2022

Kinetic.js работает медленно в Firefox
У меня большие проблемы с получением плавной анимации с помощью Kinetic.js в Firefox. Он отлично выглядит в Chrome и Safari и даже выглядит более-менее нормально в IE9, но Firefox тормозит. Я попытался использовать как встроенный Kinetic.Animate,...
541 просмотров
schedule 07.12.2023

Kinetic.js Анимация нескольких групп, содержащих фигуру и текст
Я новичок в Kinetic.js. Я пытаюсь создать серию случайно движущихся групп, каждая из которых содержит одну звезду и заголовок. Вот текущий скетч: http://jsfiddle.net/dCw9e/ . Я не могу понять, почему каждый объект группы имеет уникальный набор...
155 просмотров
schedule 15.09.2022

Kinetic.js/Javascript: вызов переменной как свойства без использования eval()?
Я пытаюсь научить себя HTML5 и JavaScript и буду признателен за любую помощь. Я решил проблему, используя eval(), и мне было интересно, есть ли другой способ решить ее без использования eval(). Все, что я пробовал, похоже, не работает. У меня...
53 просмотров

Как возобновить анимацию холста Kineticjs?
У меня проблема с возобновлением анимации после ее остановки. Любое предложение ? Я использую кинетику, чтобы заставить элемент двигаться по пути, после того, как я дойду до конца, анимация остановится на 2 секунды, а затем начнется снова. вот...
148 просмотров
schedule 17.12.2023

Доступ к элементам кинетической группы
Я пытаюсь создать эквивалент объекта Button с помощью Kinetic и столкнулся с проблемой. Я группирую объект Rect и Text, чтобы сформировать кнопку. Я хочу изменить свойства каждого из этих объектов после создания кнопки. Вот что у меня есть до сих...
739 просмотров
schedule 21.03.2024

Javascript: нет ответа после предварительной загрузки изображений
Хорошо, теперь я попытался загрузить два изображения Kinetic, но это все еще не работает. Я также попытался поместить его на другой слой и на другую сцену. Ничего не помогло. Но с одним изображением все нормально. var stage = new...
83 просмотров

Можно ли выполнить эту последовательность в HTML5?
Я, конечно, не ожидаю, что кто-то на самом деле предоставит рабочее решение для этого. На данный момент мой вопрос прост: можно это сделать с помощью холста HTML5, или я буду крутить свои колеса в попытке? Я программист, но моя сильная сторона в...
216 просмотров
schedule 09.04.2024

KineticJS: сделайте так, чтобы отброшенные элементы можно было перетаскивать как Kinetic.Group.
Ну.. так что это та же проблема, с которой я столкнулся с Kinetic.Group . Я пробовал несколько вещей, чтобы заставить это работать, но всегда один и тот же результат: это не работает, и, что еще хуже, основные функции перетаскивания исчезают! Я...
330 просмотров

Kineticjs: как использовать Pen Tool с помощью Kineticjs?
Я хотел бы использовать инструмент пера (например, фотомагазин) с помощью кинетики, я понятия не имею, как этого добиться. можно или нет?. Если возможно, помогите найти решение. Я использую файлы кинетики-v5.0.1.min.js и кинетики-v5.0.1.js....
175 просмотров
schedule 11.12.2023