- svg-draw.js: opts.bgImage (рисунок-подложка) + exportFlatBlob() — растеризация подложки и
вектора в плоский PNG.
- /my-materials: кнопка «Рисунок» (создать с нуля) и «Аннотировать» на карточках доски/изображения
(рисовать поверх). Модалка с SVG-рисовалкой → сохранение в «Мои материалы» как image.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Прошлый гард не работал: dragstart срабатывает на самой карточке (draggable=true), а не на
svg, поэтому e.target.closest(.svgdraw-host) был null. Теперь на pointerdown снимаем
draggable с ближайшего предка-карточки и возвращаем на pointerup — холст рисует, а не тащит блок.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Блок-карточка урока draggable=true перехватывала зажатие мыши на холсте → тащился весь
блок, а не рисовалась линия. Теперь dragstart внутри .svgdraw-host отменяется, на холсте
заглушены нативный drag и выделение (user-select/-webkit-user-drag:none).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Лёгкий векторный редактор frontend/js/svg-draw.js (перо со сглаживанием, линия,
прямоугольник, эллипс, стрелка, текст, цвет/толщина/заливка, выбор/перемещение/удаление,
undo/redo, очистка) → выдаёт чистый <svg>. Хранится inline в данных блока, переоткрывается
для дорисовки.
- Новый тип блока svg-draw: палитра «Рисунок», редактор (монтирование виджета + подпись),
превью и студенческий рендер (lesson.html) — санитизированный inline-SVG, адаптивный.
- Санитайзер frontend/js/svg-sanitize.js (UMD, общий клиент/сервер): whitelist тегов/атрибутов,
вырезает script/foreignObject/style/image/a, on*=, href, javascript:. Без зависимостей.
- Сервер (lessonController): svg-draw в VALID_TYPES + очистка data.svg при сохранении.
- Переиспользуемо: тот же виджет пригоден для флешкарт и фигур генератора задач.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Maxim Dolgolyov