2015-08-25 3 views
0

В моем приложении я создаю сцену SVG, которая включает в себя изображение - фон сцены и некоторые фигуры (rect, circle) на нем.svg preserveAspectRatio = «xMidYMid slice» меняет размер svg viewbox

на элемент svg im, устанавливающий окно просмотра для работы с логическим блоком, а не с пикселями, например. Итак, в элементе svg я устанавливаю атрибут preserveAspectRatio как «срез xMidYMid», то же самое на изображении - фоновая сцена внутри.

все выглядит так, как ожидалось, за исключением того, что теперь положение x = 0, y = 0 не там, где оно должно быть, x = 0, y = 0 соответствует тому, где сцена была до того, как она была «нарезана» », хотя ширина и высота элемента SVG одинаковы.

Мне нужно, чтобы x = 0, y = 0, где он должен быть, в левом углу сцены.

Благодарим за помощь.

an image that explain my issue:

N, Санкт

+0

Ну, SVG больше не покрывает всю территорию. Сохранение пропорции и покрытие всей области точно несовместимые цели. –

+0

есть ли что-то, что я могу с этим поделать? я не забочусь о том, что изображение нарезано, я просто хочу, чтобы моя сцена была частью, которую не нарезали. есть ли какая-нибудь работа для этой проблемы? – NadavSt

ответ

1

Если вы не хотите происхождения (вверху слева) от SVG двигаться, то попробуйте:

preserveAspectRatio="xMinYMin slice" 

Возможно, это было то, что вы были после?

Смежные вопросы