Konva JS - Подсказка с изображением

Question

Можно ли добавить изображение к Konva.tooltip()?

В настоящее время я пытаюсь создать всплывающую подсказку, которая выглядит как объект мультимедиа , например, , но в документации показана только обычная текстовая метка, и я понятия не имею, как это сделать, кроме как с помощью :

1. Создание всплывающей подсказки большого размера
2. Добавить изображение с Konva.Image()
3. Добавьте описательный текст рядом с изображением.

Но мне нужно создать множество всплывающих подсказок, и настройка каждого из них была бы нелепой.

Заранее спасибо!

Answer 1

Konva.Label не поддерживает изображения внутри. Только текст и прямоугольник (Konva.Tag).

Но вы можете просто создать Konva.Group и добавить в него все, что вам нужно (изображения, тексты, фигуры) и оформить его вручную.

Answer 2

Добро пожаловать. Я перешел по ссылке и прочитал статью. По сути, вопрос, который вы задаете, очень широкий. По сути, вы приходите к осознанию того, что вы «можете» создавать свои всплывающие подсказки по отдельности, но эта всплывающая подсказка является шаблоном, который повторяется, и поэтому было бы лучше иметь средство для переноса этого поведения в некоторый контейнер, который скрывает все детали, а затем просто вызовите контейнер, чтобы создать еще один tootlip, и другой, и другой. Вы можете увидеть этот подход, помеченный различными именами от DRY, OO, шаблонов проектирования, инкапсуляции и компонентов. Я рекомендую вам провести исследование о том, как создавать современные компонентные пользовательские интерфейсы с использованием JavaScript. Как минимум, если вы хотите сделать что-то самостоятельно, вам нужно взглянуть на создание объектов в JavaScript, но вы можете найти его в процессе работы с библиотекой JS, которая работает для вас и вашего текущего проекта. Удачи.