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

HTML5: заполнение круга/дуги в процентах
Вот мой псевдокод: var percentage = 0.781743; // no specific length var degrees = percentage * 360.0; var radians = degrees * Math.PI / 180.0; var x = 50; var y = 50; var r = 30; var s = 1.5 * Math.PI; var context = canvas.getContext('2d');...
10391 просмотров
schedule 26.03.2024

Замена текста на изображении с использованием холста Kinetic.js html5
Мне нужно заменить некоторый текст на изображении, а не очищать холст, так как я не хочу терять изображение. Я просто хочу иметь возможность заменить текст на этом изображении из поля ввода за пределами холста... а также добавить функциональные...
711 просмотров

Kineticjs: событие drag.moving не работает в последней версии. Как обновить код?
Я использую Kineticjs версии 3.10.2. Я следую официальной демонстрации . Проблема в линии 48 (где в комментарии сказано: "// если перетащить") В последней версии .drag был удален, заменен методом .isDragging() . А как насчет свойства...
960 просмотров
schedule 09.04.2023

KeneticJS HTML5 Canvas перетаскиваемый и элементы на сцене
Итак, я пытаюсь создать сцену, на которой у меня может быть несколько элементов, которые можно перетаскивать ... но когда на сцене щелкают и перетаскивают, все элементы перемещаются вместе с ней. Пока я могу заставить работать только одно или...
193 просмотров
schedule 27.06.2022

html5 kineticjs со свободным преобразованием, сохранение изображения в веб-службу
Мне нужно использовать кинетику, чтобы преобразовать одно изображение с помощью якорей. Я нашел этот пример: http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/ Затем мне нужно сохранить только одно...
1366 просмотров
schedule 03.08.2023

Неисправность анимации спрайта kineticJS в браузере iPad и Android
У меня проблема с использованием листов спрайтов в мобильных браузерах (ipad/android), происходит странное поведение, сцена умножается и уменьшается несколько раз, когда я нажимаю на анимацию спрайта, все работает нормально, пока не произойдет щелчок...
351 просмотров
schedule 25.02.2023

Kinetic.js — изображения не отображаются
Я создаю приложение, которое должно отображать различные типы графиков. Нужно показать два или более изображений, расположенных в соответствии с оценками, которые набрал пользователь. Ладно, это не имеет отношения к проблеме. Поэтому я написал...
3325 просмотров
schedule 20.02.2023

Холст Android 4+ html5 не перерисовывается
В настоящее время я разрабатываю приложение для Android, используя phonegap. У меня есть холст html5, на котором я рисую и анимирую объекты. Он отлично работает на андроиде 2.3, но на андроиде 4+ он не перерисовывает холст. Я пробовал использовать...
4948 просмотров

Контейнер (холст) поверх видео HTML5
При использовании холста HTML5 я могу использовать следующее, чтобы установить холст поверх моего видео HTML5. <video id ="video1" width="320" height="300" controls="controls" style="position:absolute; top: 10; left: 10;" > <canvas...
1599 просмотров
schedule 01.05.2024

Положение мыши в dragBoundFunc
Я использую kineticjs для рисования виджета на холсте. Этот виджет имеет ширину 600 пикселей и состоит из нескольких прямоугольников (по умолчанию 24). На этот прямоугольник можно перетащить другой, назовем его «курсор». Вместо плавного...
1253 просмотров
schedule 07.01.2024

KineticJS - исходное изображение, отображаемое на мобильном устройстве
Из примера здесь: http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-multiple-images-with-kineticjs/ Я хотел использовать это для некоторых целей тестирования в проекте PhoneGap. Проблема в том, что после перемещения изображений...
162 просмотров
schedule 23.02.2024

Как скопировать сцену кинетики на другой холст
Я пишу приложение, в котором на странице могут быть сотни холстов. Вместо того, чтобы иметь накладные расходы на отдельный этап для каждого холста, я решил иметь редактор, который содержит этап. После завершения редактирования содержимое сцены...
2997 просмотров
schedule 30.08.2023

Сохраняйте формы KineticJS внутри холста
Есть ли простой способ убедиться, что ваши фигуры остаются внутри холста при использовании функции перетаскивания из KineticJS? Стандартно, форма немного покидает холст, пока ваша мышь не коснется границы холста. Я бы хотел, чтобы это была граница...
436 просмотров

html5, перетаскивание с объекта в группе
Обновленный рабочий скрипт Исходный вопрос Мне было интересно, почему я не могу получить сообщение с «драгстартом» из кружка в этом коде... Я не могу получить сообщение «круг», когда его перетаскивают. Я попробовал с некоторым рабочим...
363 просмотров
schedule 22.02.2024

Ошибка ссылки Firebug на то, что одна из моих функций не определена при вызове из библиотеки KineticJS.
Я использую библиотеку KineticJS, чтобы рисовать изображения на холсте и делать их перетаскиваемыми. Я скачал копию библиотеки, чтобы внести в нее одну или две небольшие корректировки, чтобы использовать ее с игрой на холсте, которую я делаю....
2269 просмотров
schedule 05.08.2023

Kineticjs - Помогите загрузить изображения на сцену из входного файла
Я пытаюсь разрешить пользователям загружать свои собственные изображения на сцену кинетического JS через ввод в html. Я предпочитаю хранить весь свой код в отдельном файле js, вот что у меня есть: $(document).ready(function() { var stage =...
1401 просмотров
schedule 12.10.2022

Рисование кривых Безье с более чем 3 контрольными точками
Я знаю, что могу нарисовать кривую Безье с 3 контрольными точками, используя bezierCurveTo (). Как я могу нарисовать кривую Безье с более чем 3 контрольными точками? Я пробовал использовать сплайн из KineticJS (поскольку я могу указать столько...
854 просмотров
schedule 18.11.2022

KineticJS, могу ли я просто перерисовать одну фигуру? (рисунок на холсте)
В KineticJS я хотел бы добавить фигуру к слою и перерисовать только последнюю добавленную фигуру, а не все фигуры в этом слое. Это возможно? Или, может быть, какой-то обходной путь? (функция .draw() перерисовывает все дочерние узлы слоя)...
2148 просмотров
schedule 10.07.2022

кинетический js холст, добавляющий прослушиватель событий к нескольким точкам в цикле for
Скажем, у меня есть следующий код, событие, кажется, срабатывает только время от времени, возьмите два следующих примера. Первый пример отлично работает, и событие срабатывает каждый раз, как и ожидалось. for (var i = 0; i < items; i++) {...
1498 просмотров
schedule 18.12.2023

Форма KineticJS поверх изображения
Я хочу нарисовать несколько фигур поверх изображения. После того, как изображение загружено и добавлено к слою, я использую функцию moveToBottom(), которая работает с фигурами, но не работает с изображениями. Я пытался использовать moveToTop()...
560 просмотров
schedule 03.04.2022