В SVG – документе нужно получить смещение растрового рисунка относительно...

Масштабируемая векторная графика

В SVG – документе нужно получить смещение растрового рисунка относительно его рамки, которая представлена элементом rect. Внутри секции defs вставлена ссылка на файл "MyPhoto.jpg":

<image id="MyImage" x="30" y="30" 		width="240" height="240" xlink:href="MyPhoto.jpg"/>

Внутри элемента feOffset задается смещение изображения:

dx="60" dy="40"

Внутри элемента filter установлены следующие значения атрибутов:

x="20" y="20" width="230" height="230"

Будет ли обрезаться край изображения, если для атрибутов ширины и высоты документа установить значения 100%? Для применения фильтра используется прямоугольник с теми же самыми значениями атрибутов, что и у элемента image.

(Отметьте один правильный вариант ответа.)

Варианты ответа

да, изображение будет обрезано слева и сверху

изображение будет искажено, но не обрезано

нет, в полноэкранном просмотре SVG – документа рисунок обрезаться не будет

да, изображение будет обрезано справа и снизу(Верный ответ)

изображение не будет отображаться

Похожие вопросы

Для элемента feTile заданы следующие значения атрибутов:

x="250" y="200" width="250" height="200"

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

x="0" y="0" width="250" height="200"

Будет ли работать фильтр, если для ширины и высоты SVG-документа заданы значения "100%"?

В секции defs задан следующий фрагмент кода:

<filter id="myFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="250" height="200"><feImage x="5" y="15" width="40" height="40" xlink:href="#MyImage" result="MyPicture"/><feTile x="0" y="0" width="250" height="200" in="image"/></filter><image id="MyImage" width="150" height="150" xlink:href="SomePicture.jpg"/>

Однако при просмотре SVG – документа рисунок не отображается. Укажите причину ошибки:

Чем отличаются атрибуты width, height задаваемые внутри элемента feTile, от одноименных атрибутов, задаваемых внутри элемента filter этой же структуры?

Требуется получить изображение, тонированное голубым цветом. В состав элемента filter включен фильтр feComposite, содержащий следующие атрибуты:

<feComposite in="pict2" in2="pict1" operator="over"/>

Здесь "pict1", "pict2" – значения атрибутов id растрового изображения и тонировки соответственно. Как будет выглядеть результат применения фильтра, если для атрибута flood-color установить значение "blue", а атрибут flood-opacity вообще не писать?

Требуется получить изображение, тонированное серым цветом. В состав элемента filter включен фильтр feComposite, содержащий следующие атрибуты:

<feComposite in="pict2" in2="pict1" operator="over"/>

Здесь "pict1", "pict2" – значения атрибутов id растрового изображения и тонировки соответственно. Как будет выглядеть результат применения фильтра, если для атрибута flood-opacity установить значение "0.8", а атрибут flood-color вообще не писать?

Требуется получить изображение, тонированное серым цветом. В состав элемента filter включен фильтра feComposite, содержащий следующие атрибуты:

<feComposite in="pict2" in2="pict1" operator="over"/>

Здесь "pict1", "pict2" – значения атрибутов id растрового изображения и тонировки соответственно. Как будет выглядеть результат применения фильтра, если для атрибута flood-opacity установить значение "0.8", а для атрибута flood-color установить значение "none"?

Чем отличаются атрибуты x, y задаваемые внутри элемента feTile, от одноименных атрибутов, задаваемых внутри элемента filter этой же структуры?

Для фильтра feSpotLight заданы следующие значения атрибутов:

		 x="30" y="30" z="50" pointsAtX="130" pointsAtY="130"

Точка с координатами "80,80" находится в центре рисунка. Изменится ли вид фильтра, если для атрибута limitingConeAngle установить значение "180"?

Для фильтра feSpotLight заданы следующие значения атрибутов:

		 		 x="30" y="30" z="50" pointsAtX="130" pointsAtY="130"

Точка с координатами "80,80" находится в центре рисунка. Изменится ли вид фильтра, если для атрибута limitingConeAngle установить значение "90"?

Что определяют атрибуты x, y, width, height указываемые в атрибутах элемента filter?