Описание тега bonsaijs
Легкая графическая библиотека с интуитивно понятным графическим API и средством визуализации SVG.
1
ответ
Анимация Javascript - почему я не могу прокрутить сейчас (в Chrome)
Я играю с библиотекой bonsai.js, и я добавил большой stage в разделе героя моего сайта. Тем не менее, в Chrome, когда мышь находится над stage (между слоганом и синей рамкой) я не могу прокрутить вниз или вверх. В Firefox и Safari я все еще могу про…
25 апр '13 в 23:25
1
ответ
Динамическое изменение кода бонсай
У меня есть эта часть кода <script> var xhr = new XMLHttpRequest(); xhr.open('POST', 'getNewUsers.php',false); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send(); var json; if (xhr.readyState == 4 && …
12 дек '12 в 19:24
0
ответов
Обработка событий в нескольких кругах (BonsaiJS)
Я разрабатываю большое приложение, которое проверяет некоторые вещи в нескольких подсистемах. Я хочу нарисовать график, чтобы графически представить всю систему (все подсистемы как узлы, соединения как пути), и я выбрал BonsaiJS из-за его высокой пр…
22 май '18 в 08:40
1
ответ
Анимируйте фильм по дорожке в BonsaiJS
Я создавал серию анимаций с использованием BonsaiJ и действительно наслаждался использованием библиотеки. Думает, что действительно работал хорошо для некоторых ключевых кадров и анимаций формы. Тем не менее, я немного расклеился, пытаясь оживить фи…
24 сен '14 в 11:55
1
ответ
Могу ли я экспортировать SVG из Bonsaijs в PNG
Используя bonsaijs, есть ли способ экспортировать сцену (или весь svg) в файл png? Я видел вариант для импорта SVG, но не мог найти простой способ его экспортировать. Любые выводы по этому вопросу будут оценены?
25 авг '14 в 04:56
1
ответ
Как передать данные события со сцены в родительский контекст, не разбирая и не восстанавливая их?
Рассмотрим следующий код: window.stage = bonsai.run(document.getElementById('stage'), { code: function() { var circle; circle = new Circle(200, 200, 50); circle.stroke('green', 2); circle.addTo(stage); circle.on('click', function(ev) { stage.sendMes…
21 янв '13 в 21:26
2
ответа
Как BonsaiJS может загружать внешние файлы SVG?
Я учусь работать с BonsaiJS и хотел бы импортировать внешнее изображение SVG на сцене. На http://docs.bonsaijs.org/overview/Path.html я узнал, что существует три способа создания new Path() отправка путей SVG, команд пути или точек пути в качестве а…
05 июн '13 в 13:31
1
ответ
Бонсай JS на орбите
Я могу добавить свои формы на сцену и заставить их делать плавные изменения и тому подобное, но я не могу заставить их трансформироваться - мне нужно как-то разделить на линии и кривые? var shape = new Path('M 321.051,510.078 c 0,0-10.126-23.854-19.…
25 фев '13 в 22:26
1
ответ
Остановить распространение событий в Bonsai.js
Как мне остановить mousedown событие от распространения на сцену? stage.addListener("pointerdown", startDrawing); rect = Path.rect(x, y, 100, 100); stage.addChild rect; rect.addListener("pointerdown", selectHandler); startDrawing вызывается каждый р…
30 май '14 в 18:36
1
ответ
Доступ к позиции простых фигур
У меня есть Rect присваивается переменной myrect: var myrect = new Rect (250,0,20,200); Я думал, что пишу: console.log(myrect.x); выдаст 250, но, он говорит "неопределенный". Я хотел бы знать, как я могу перерисовать этот прямоугольник, выполняя ари…
07 июн '14 в 14:24
1
ответ
Стильные элементы SVG с бонсай JS
Я только начал использовать Bonsai JS и ничего не могу найти в документации, поэтому я решил спросить здесь. Как я могу установить атрибут класса элементов, чтобы я мог определить некоторые стили в CSS? Большинство стилей поддерживаются непосредстве…
25 авг '14 в 13:58
0
ответов
Benchmark.js и Bonsai.js
В настоящее время я тестирую производительность некоторых инструментов визуализации и испытываю проблемы с тестированием bonsai.js. Каждый раз, когда я запускаю тест, происходит сбой в Chrome Renderer, и я не могу найти проблему, потому что bonsai.j…
21 июн '13 в 10:08
3
ответа
Отображение диалогового окна jquery UI после нажатия на форму бонсай
Привет у меня есть этот код $(function() { bonsai.run(document.getElementById('movie'), { code: function() { var rect= new Rect(0, 0, 100, 100); rect.on('multi:pointerdown', function(e) { $("#dialog-form").dialog("open"); }); }, width: 500, height: …
02 ноя '12 в 11:27
1
ответ
Uncaught TypeError: Неверный конструктор - Использование Bonsai.JS в Backbone.JS
Я все еще новичок в js и пытаюсь встроить bonsai.js в базовое приложение. Я следую этому руководству здесь: https://github.com/iamdustan/bonsai-demos и пытаюсь "отделить вещи", поместив анимацию в отдельный файл под названием hero-animation.js, но я…
25 апр '13 в 21:49
1
ответ
Как использовать переменную на bonsai.js?
var star = document.getElementById("star"); var color = "#ef6360"; bonsai.run(star, { code: function() { new Star(30, 30, 20, 5, 0.7).attr({ fillColor: color }).addTo(stage); } }); это не работает, но это будет работать, если я удалю переменную и на…
23 апр '15 в 03:38
0
ответов
РАБОТНИК не определен
В разделе "Коммуникация" bonsai docs (http://docs.bonsaijs.org/overview/Communication.html) приведен следующий пример, который работает везде, кроме IE9: <script src="http://cdnjs.cloudflare.com/ajax/libs/bonsai/0.4/bonsai.min.js"></script&…
07 янв '13 в 15:29
1
ответ
Несоответствие текста на бонсай
Я только начал работать с BonsaiJS и обнаружил странное поведение при отображении текста. Как показано на следующем рисунке, в Chrome(25), Firefox(19) и IE(9) текстовый пример на сайте корректно отображается только в chrome, в то время как один и то…
03 мар '13 в 05:03
2
ответа
Как я могу анимировать мои файлы SVG с помощью библиотеки JS - Идеально ли для этого бонсай?
Я хотел бы найти и изучить библиотеку js, которая позволит мне анимировать файлы SVG, которые я создал в Illustrator. У меня большой опыт работы с After Effects и анимацией, поэтому я ищу библиотеку JS, которая даст мне много возможностей для анимац…
18 апр '13 в 18:49
1
ответ
Ошибка бонсай JS
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- <script …
08 янв '17 в 04:32
1
ответ
Как мне добавить класс в Rect в bonsaijs?
Мне нужно добавить класс в Rect. Я не могу понять, как это сделать. bar = (new Rect(x, ySegment * 10 + 30 + margin, w, 0) .attr('opacity', 0.8) .attr('class', data[i].segments[j].color) .addTo(stage)); класс attr игнорируется
26 ноя '14 в 00:57