Как стать автором
Обновить

Комментарии 22

Если кликнуть на уже занятую клетку, вопреки ожиданиям, клетка не освобождается, зато какая-нибудь клетка вдалеке становится занятой.
При попытке зума колёсиком всё с поля тупо исчезает.
Кажется, этому примеру не помешало бы немного тестирования.

Это в каком браузере?

Подтверждаю в Firefox 57.0rc1. Клетка меняется на один ряд выше и чуть левее.
Кажется починили, больше не воспроизводится.
Аналогично.
В Chrome 61.0.3163.100 тоже самое. Это проблема в масштабе, мне кажется, при 80% всё работает как задумано.

Они вообще свои демо в Firefox не отлаживали. Там почти везде ошибки!

Если во время симуляции изменить одну из клеток — все замирает и переходит в «пошаговый» режим. Причем даже переключатель скорости — и тот переключается только после клика по полю.

Кажется, это не то поведение которое ожидается от реактивного приложения.
UPD: теперь все работает, но поломалось перемещение поля
$mol_app_life: симулятор бага своими руками
Простите, не удержался.
НЛО прилетело и опубликовало эту надпись здесь

Может и будет, если потребуется. Пока нет требований не понятно как это лучше реализовывать. Есть несколько вариантов:


  1. Тривиальный компонент с рисованием через нативнй апи в методе render — даёт полный контроль.
  2. То же самое, но более удобное апи — полный контроль, но проще код.
  3. Набор компонент для декларативного описания — гибче и нагляднее, но с ограничениями. Фактически это будет эквивалент SVG, а значит проще взять SVG.
НЛО прилетело и опубликовало эту надпись здесь

В SVG есть группы — они позволяют образовывать иерархию. Да, иерархия через view.tree задаётся.

НЛО прилетело и опубликовало эту надпись здесь

svg элементы могут вкладываться друг в друга

НЛО прилетело и опубликовало эту надпись здесь

Да, вложенные svg элементы можно позиционировать и масштабировать.

НЛО прилетело и опубликовало эту надпись здесь

Я про такой вариант:


<svg width="100" height="100">
  <svg x="25" y="25" width="50" height="50" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="50" /> 
  </svg>
</svg>
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории