Описание тега kineticjs
KineticJS - это фреймворк HTML5 Canvas JavaScript, который обеспечивает высокопроизводительную анимацию, переходы, вложение узлов, наслоение, фильтрацию, кэширование, обработку событий для настольных и мобильных приложений.
1
ответ
Событие отключается после изменения масштаба его родительского div
Используя KineticJS, я обнаружил, что после коэффициента масштабирования родительского div событие, помещенное на холст, отключается. http://jsfiddle.net/Mxh42/ Пожалуйста, посмотрите ситуацию здесь. Сначала вы можете навести курсор мыши на красный …
23 янв '13 в 02:00
1
ответ
html5 kineticjs со свободным преобразованием сохранить изображение в веб-сервис
Мне нужно использовать кинетику, чтобы трансформировать одно изображение с помощью якорей. Я нашел этот пример: http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/ Затем мне нужно сохранить только одно изобр…
11 сен '12 в 15:28
1
ответ
Как получить объект Bounding Box of KineticJS Path
У меня есть объект KineticJS Path с определенными данными SVG Path. Это просто отлично отображает на экране. Теперь мне нужно получить ограничивающую рамку для этого объекта пути (сложной формы). Как получить ограничивающую рамку для определенного п…
03 фев '14 в 18:18
1
ответ
Используйте объекты SVG вместо растэ изображения на холсте
Я пытаюсь создать такое приложение, используя JavaScript и canvas. Я создал проект, используя kineticjs в качестве библиотеки холста. Зубы - это все изображения в формате png, а линии нарисованы кинетическими буквами с использованием объекта Line. М…
04 дек '14 в 10:21
1
ответ
svg код HTML 5 путь золотая спираль
Я ищу, чтобы создать текстовую анимацию по спиральному пути, что-то вроде этого http://www.html5canvastutorials.com/labs/html5-canvas-spiral-text/ я пытаюсь сделать путь золотой спиралью вместо той, что в приведенном выше коде. код SVG для золотой с…
20 фев '13 в 03:52
0
ответов
KineticJS: Как повысить качество изображения SVG при уменьшении масштаба?
Я протестировал KineticJS 5.10 с изображением SVG: var stage = new Kinetic.Stage({ container: 'container', width: 400, height: 400 }); var layer = new Kinetic.Layer(); stage.add(layer); var img=new Image(); img.onload = function () { var image = new…
20 май '14 в 14:16
1
ответ
Как установить перетаскиваемое событие по щелчку мыши?
Могу ли я установить перетаскиваемое событие сцены, когда левая и правая кнопки мыши нажаты и перетащены одновременно.
06 ноя '13 в 04:32
1
ответ
Групповой переход не рисуется на холст, пока не будет вызван другими действиями
Я пытаюсь перейти в группу, и она это делает, но я могу видеть переход только тогда, когда что-то еще заставляет сцену рисовать. Сам переход не обновляет холст во время его работы. В группе есть 4 Kinetic.Image и 4 Kinetic.Text. Есть идеи, как заста…
02 ноя '12 в 12:51
1
ответ
HTML5 Canvas не может загрузить Kinetic.js
Я пытаюсь использовать KineticJS в моем JavaScript. Эта строка находится в моем index.html: <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.2.min.js"></script> Он возвращает Не удалось загрузить ресурс: сервер о…
19 мар '15 в 10:33
1
ответ
Изменение изображения вызывает большое отставание
У меня проблема в том, что после нажатия на миниатюру (мини-изображение, которое вызывает изменение фона на холсте), страница будет отставать, и если вы все больше и больше нажимаете на другие миниатюры, лаги очень большие, и другой эффект заключает…
06 фев '13 в 09:20
1
ответ
Как перетащить изображение в Canvas из HTML 5, как я могу отобразить его идентификатор?
У меня есть 4 изображения в Canvas в HTML5. Когда я перетаскиваю изображение где-то в Canvas, я хочу отобразить имя изображения внутри моего Canvas .Является ли это возможным? Если да, скажите, пожалуйста, как это можно сделать? Исходный код можно н…
20 июл '12 в 07:31
1
ответ
Я не могу редактировать текст на слое после добавления нового слоя с помощью kineticjs
Я сделал это http://jsfiddle.net/62Wjc/5/, создаю и изменяю текст на слое, но это статично. Сейчас я делаю скрипт для динамического добавления полей + добавления слоя + изменения слоя. На моем скрипте есть три функции, которые: функция CreateTxt для…
11 ноя '14 в 09:51
1
ответ
Есть ли способ, чтобы форма находилась на верхнем слое без использования iFrame?
Прямо сейчас я использую iFrame для вопросов, но есть ли лучший способ для этого? Нажатие на "ülesanne" выводит iFrame на вершину. http://www.tlu.ee/~kristo93/Eritamine%20-%20puhas/p6hi3.html Я использую библиотеку KineticJs для наложения
19 июн '13 в 10:12
1
ответ
Несколько объектов на холсте с использованием кинетической JS
Я пытаюсь сделать приложение с холстом, и у которого есть несколько объектов с событиями, привязанными к ним, как, мыши вниз и мыши вверх и т. Д., Я использую кинетические JS. Ну, я сомневаюсь, что мне нужно нарисовать два круга на холсте, используя…
28 май '14 в 04:32
2
ответа
Перетаскиваемая группа, не меняет положения узлов в группе
var stage = new Kinetic.Stage({ container: 'container', width: 500, height: 500, }); var layer = new Kinetic.Layer(); var selectedGroup = new Kinetic.Group({ draggable: true, }); var circle = new Kinetic.Circle({ x: 10, y: 10, fill: 'red', radius: 1…
31 окт '13 в 13:06
1
ответ
Установить z-индекс фигур в Kinetic.Group
Как мне установить z-index для фигур, которые я добавляю в Kinetic.Group? Моя группа содержит прямоугольники и изображения. Я хочу сделать это: rectangle.setZIndex(1); image.setZIndex(2); Это дает мне следующую ошибку: Uncaught TypeError: Невозможно…
18 апр '14 в 16:22
1
ответ
Как я могу создать прозрачную фигуру в существующей фигуре, используя KineticJS
Есть ли простой способ "проштамповать" прозрачный участок изнутри другой формы (или слоя) с помощью KineticJS? Например, используя следующий код: var stage = new Kinetic.Stage({ container: 'canvas', width: 100, height: 100 }); var layer = new Kineti…
05 июн '13 в 19:55
1
ответ
Линия, всегда соединяющая два перетаскиваемых элемента в канве с использованием KineticJS
Я пытаюсь создать Use Case Creator в HTML5 Canvas с использованием Kinetic JS. До сих пор я могу создать линию, щелкнув правой кнопкой мыши два элемента (Actor и Use Case), которые я хочу подключить. Но эта линия остается неизменной при перетаскиван…
28 апр '13 в 11:05
2
ответа
Использовать глобальные композитные операции на KineticJS 4.7.2
На этот вопрос ответили с помощью KineticJS 4.6.0, обеспечивающего эту скрипку Но... есть идеи, как это сделать на последней версии kineticjs? Я попробовал ту же скрипку с kineticjs 4.7.2: http://jsfiddle.net/qNtSg/ Я только что изменил drawFunc с н…
24 окт '13 в 09:32
1
ответ
Applyfilter в HTML5 кинетической
Я использовал kinetic-v4.0.0.js, и мой код работает отлично. Теперь я перехожу на новый js, так как не могу найти старый, чтобы загрузить его, и у меня много проблем. Например, одна из моих проблем - фильтр применения. Я имею: image.applyFilter({ fi…
16 сен '13 в 12:05