Изображение на любой диаграмме не фиксирует сцену
Я пытаюсь поместить некоторые логотипы в диаграмму для их печати, но в зависимости от разрешения экрана логотип справа иногда выходит за пределы диаграммы, а иногда находится далеко за краем. Я использую сцену и ставлю логотип с graphics.image. Это код anychart v 8.2.1
var image = anychart.graphics.image("logo_mues2020.png", "12%", "9%",102, 43);
image.parent(container);
image = anychart.graphics.image("gepp2020.jpg", "72%", "9%", 155, 47);
image.parent(container);
Контейнер - это сцена
А это примеры на двух разных устройствах https://imagizer.imageshack.com/img924/5741/tmDgQA.png https://imagizer.imageshack.com/img923/7563/QuQJcI.png
Кто-нибудь делал что-то подобное? Есть ли способ исправить это с помощью области диаграммы или сделать ее более подходящей и действительно отзывчивой?
Заранее спасибо
Ответы 1
Это происходит потому, что размер изображения применяется в пикселях, а не в процентах. это означает, что размер изображения не изменяется вместе с контейнером, а при небольшой ширине контейнера изображение выходит за пределы графика. Чтобы решить эту проблему, вы должны использовать проценты для размера изображения и применить настройку выравнивания. Подробности смотрите образец и обратите внимание на строки 17 и 19. Попробуйте изменить размер представления диаграммы, чтобы увидеть, как это работает.
Применяет масштабирование изображения. Вы можете узнать больше об этом на следующей странице - api.anychart.com/anychart.graphics.vector.Image.Align
Это было решением. Большое спасибо
Привет спасибо. Я собираюсь попробовать. У меня только вопрос, что делает строка 19? image.align('x-mid-y-mid');