SVG графическое автоматическое масштабирование в J2me - PullRequest
Новая
       30

SVG графическое автоматическое масштабирование в J2me

2 голосов
/ 21 июля 2011

Я занимаюсь разработкой своего первого приложения с использованием графики SVG. Как насчет автоматического масштабирования фонового изображения SVG в соответствии с шириной и высотой экрана устройства? это возможно или у меня будет несколько файлов для разных разрешений экрана

1 Ответ

1 голос
/ 21 июля 2011

Я не совсем уверен насчет J2ME, но обычно это достигается установкой атрибута viewBox корневого элемента SVG и установкой ширины и высоты на 100%. Смотрите здесь для примера: 

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
        viewBox="0 0 1500 1000" preserveAspectRatio="none"
        xmlns="http://www.w3.org/2000/svg"
        width="100%" height="100%">
        <desc>Example ViewBox - uses the viewBox
        attribute to automatically create an initial user coordinate
        system which causes the graphic to scale to fit into the
        viewport no matter what size the viewport is.</desc>
        <!-- This rectangle goes from (0,0) to (1500,1000) in user space.
        Because of the viewBox attribute above,
        the rectangle will end up filling the entire area
        reserved for the SVG content. -->
        <rect x="0" y="0" width="1500" height="1000"
        fill="yellow" stroke="blue" stroke-width="12"  />
        <!-- A large, red triangle -->
        <path fill="red"  d="M 750,100 L 250,900 L 1250,900 z"/>
        <!-- A text string that spans most of the viewport -->
        <text x="100" y="600" font-size="200" font-family="Verdana" >
        Stretch to fit
        </text>
</svg>

Демонстрация в реальном времени здесь: http://stuff.echo -flow.com / stackoverflow / viewbox.svg

Информация о сохранении соотношения сторон изображения приведена в спецификации здесь: http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute

...