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

Упражнение 1:

Номер 1

Требуется получить изображение, тонированное серым цветом. В состав элемента filter включен  фильтра feComposite, содержащий следующие атрибуты:
		
		<feComposite in="pict2" in2="pict1" operator="over"/>

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

Ответ:

(1) ничего не произойдет, изображение останется неизменным

(2) изображение будет тонировано темно-серым цветом

(3) на месте изображения будет черный квадрат, поскольку неверно задан атрибут

(4) документ не будет отображаться вообще, поскольку неверно задан атрибут

(5) на месте изображения будет белый квадрат, поскольку неверно задан атрибут

Номер 2

Требуется получить изображение, тонированное серым цветом. В состав элемента filter включен  фильтр feComposite, содержащий следующие атрибуты:
		
		<feComposite in="pict2" in2="pict1" operator="over"/>


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

Ответ:

(1) на месте изображения будет черный квадрат, поскольку неверно задан атрибут

(2) документ не будет отображаться вообще, поскольку неверно задан атрибут

(3) на месте изображения будет белый квадрат, поскольку неверно задан атрибут

(4) ничего не произойдет, изображение останется неизменным

(5) изображение будет тонировано темно-серым цветом

Номер 3

Требуется получить изображение, тонированное голубым цветом. В состав элемента filter включен  фильтр feComposite, содержащий следующие атрибуты:
		
		<feComposite in="pict2" in2="pict1" operator="over"/>


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

Ответ:

(1) ничего не произойдет, изображение останется неизменным

(2) изображение будет тонировано темно-серым цветом

(3) на месте изображения будет синий квадрат

(4) документ не будет отображаться вообще, поскольку неверно задан атрибут

(5) на месте изображения будет черный квадрат, поскольку неверно задан атрибут

Упражнение 2:

Номер 1

В 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.

Ответ:

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

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

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

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

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

Номер 2

Можно ли применять фильтр feOffset для элементов SVG-графики (окружностей, прямоугольников, эллипсов)?

Ответ:

(1) да, результатом будет смещение элементов на задаваемые значения

(2) нет, этот фильтр можно применять только для растровых изображений

(3) да, но они должны быть объединены в группы

(4) да, но только для символов

(5) да, но в составе группы должно быть хотя бы одно растровое изображение

Номер 3

Можно ли при помощи фильтра feOffset сместить растровое изображение вверх и влево внутри SVG-документа?

Ответ:

(1) да, можно, для этого следует задать отрицательные значения смещений

(2) да, можно, для этого следует задать отрицательные направления для координатных осей SVG – документа

(3) нет, этот фильтр предназначен для смещения изображений в положительных направлениях координатных осей

(4) да, но только если размер изображения больше области действия фильтра

(5) нет, фильтр не предназначен для смещения изображений

Упражнение 3:

Номер 1

Выберите правильный атрибут и его значение фильтра feMorphology, предназначенные для получения эффекта утоньшения букв:

Ответ:

(1)

mode, thickening

(2)

stroke-text, cursive

(3)

operator, erode

(4)

operator, dilate

(5)

mode, thinning

Номер 2

Выберите правильный атрибут и его значение фильтра feMorphology, предназначенные для получения эффекта утолщения букв:

Ответ:

(1)

mode, thickening

(2)

stroke-text, bold

(3)

operator, erode

(4)

operator, dilate

(5)

mode, thinning

Номер 3

Что будет, если для фильтра feMorphology указать значение "0" атрибута radius?

Ответ:

(1) изображение, к которому применяется фильтр, не изменится

(2) изображение вытянется в горизонтальном направлении

(3) изображение вытянется в вертикальном направлении

(4) яркость изображения уменьшится

(5) это недопустимое значение атрибута – возникнет синтаксическая ошибка

Упражнение 4:

Номер 1

Для атрибута radius фильтра feMorphology указано значение "2,2". Выберите эквивалентное значение этого атрибута:

Ответ:

(1) 2

(2) 2

(3) 2:2

(4) 2;2

(5) 2%2

Номер 2

Для обработки изображения используется фильтр feMorphology с режимом "dilate". Будут ли изменяться геометрические размеры изображения, если для атрибута radius задавать большие значения?

Ответ:

(1) нет, этот режим изменяет изображение, оставляя его геометрические размеры неизменными

(2) да, изображение будет изменяться пропорционально задаваемым значениям атрибута

(3) изменение изображения зависит от фонового цвета SVG – документа – для белого цвета (значения по умолчанию) фильтр не будет влиять на геометрические размеры

(4) изменение изображения зависит от масштаба SVG – документа. Для обычного масштаба изменения не будут заметны

(5) нет, этот фильтр вообще не изменяет геометрических размеров изображения

Номер 3

Для обработки изображения используется фильтр feMorpholgy с режимом "erode". Будут ли изменяться геометрические размеры изображения, если для атрибута radius задавать большие значения?

Ответ:

(1) нет, этот режим изменяет изображение, оставляя его геометрические размеры неизменными

(2) да, изображение будет изменяться пропорционально задаваемым значениям атрибута

(3) изменение изображения зависит от фонового цвета SVG – документа – для белого цвета (значения по умолчанию) фильтр не будет влиять на геометрические размеры

(4) изменение изображения зависит от масштаба SVG – документа. Для обычного масштаба изменения не будут заметны

(5) нет, этот фильтр вообще не изменяет геометрических размеров изображения

Упражнение 5:

Номер 1

Можно ли при работе с фильтром feDispalacementMap  в качестве опорной структуры для изменения формы рисунка  использовать растровое изображение?

Ответ:

(1) можно

(2) можно, но только изображение, входящее в состав группы

(3) можно, но только изображение, входящее в состав символа

(4) нельзя

(5) можно, но только монохромное изображение

Номер 2

Выберите атрибут, отвечающий за степень смещения частей рисунка при работе с фильтром feDispalacementMap:

Ответ:

(1) in

(2) in2

(3) xScale

(4) yScale

(5) scale

Номер 3

Какую структуру нужно применять в фильтре feDispalacementMap, для того чтобы получить эффект расходящихся по воде кругов?

Ответ:

(1) паттерн, состоящий из небольших окружностей

(2) набор чередующихся градиентных колец

(3) паттерн, состоящий из небольших эллипсов

(4) маску

(5) элемент clipPath

Упражнение 6:

Номер 1

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

Ответ:

(1) атрибуты x, y элемента feTile определяют координаты верхней левой точки области, где будет располагаться клонированный фрагмент изображения. Атрибуты элемента filter определяют координаты верхней левой точки общей области действия фильтра

(2) эти значение по умолчанию совпадают и ничем не отличаются, специальное их задание смещает область действия фильтра feTile относительно общей области фильтра

(3) эти значение по умолчанию совпадают и равны координате верхней левой точки исходного изображения, специальное их задание смещает область действия фильтра feTile относительно общей области фильтра

(4) атрибуты x, y элемента feTile определяют координаты верхней левой точки отсекаемой области изображения, атрибуты элемента filter определяют координаты верхней левой точки общей области действия фильтра

(5) эти значение по умолчанию совпадают и равны координате верхней левой точки SVG - документа, специальное их задание смещает область действия фильтра feTile относительно общей области фильтра

Номер 2

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

Ответ:

(1) атрибуты width, height элемента feTile определяют ширину и высоту области, где будет располагаться клонированный фрагмент изображения. Атрибуты элемента filter определяют ширину и высоту общей области действия фильтра

(2) эти значение по умолчанию совпадают и ничем не отличаются, специальное их задание изменяет ширину и высоту области действия фильтра feTile по сравнению с общей областью фильтра

(3) эти значение по умолчанию совпадают и равны ширине и высоте исходного изображения, специальное их задание изменяет область действия фильтра feTile по сравнению с общей областью фильтра

(4) эти значение по умолчанию совпадают и равны ширине и высоте SVG - документа, специальное их задание изменяет область действия фильтра feTile по сравнению с общей областью фильтра

(5) атрибуты x, y элемента feTile определяют ширину и высоту отсекаемой области изображения, атрибуты элемента filter определяют ширину и высоту общей области действия фильтра

Номер 3

Сколько отдельных изображений можно включить в состав мозаики внутри одного элемента feTile?

Ответ:

(1) одно

(2) два

(3) три

(4) четыре

(5) количество изображений не ограничено

Упражнение 7:

Номер 1

Сколько элементов feTile необходимо для того, чтобы создать мозаику из пяти отдельных изображений?

Ответ:

(1) один

(2) два

(3) три

(4) четыре

(5) пять

Номер 2

Для элемента feTile заданы следующие значения атрибутов:
		
		x="250" y="200" width="250" height="200"


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

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

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

Ответ:

(1) нет, поскольку область действия элемента fiTile выходит из общей области действия фильтра

(2) да, поскольку работа элемента feTile зависит лишь от размеров изображения

(3) нет, поскольку область действия элемента feTile содержит общую область действия фильтра

(4) да, если для изображения заданы верные размеры, входящие в общую область действия фильтра

(5) нет, документ не отобразится, поскольку он является синтаксически не правильным

Номер 3

В секции 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 – документа рисунок не отображается. Укажите причину ошибки:

Ответ:

(1) неверно заданы координаты фильтра feTile

(2) неверно заданы координаты элемента filter

(3) ошибка в синтаксисе элемента image

(4) не задано название входного изображения для фильтра feTile

(5) ошибка в синтаксисе элемента filter

Упражнение 8:

Номер 1

Выберите фильтр, действие которого можно заменить наложением на рисунок полупрозрачной фигуры:

Ответ:

(1) feFlood

(2) feOffset

(3) feMorphology

(4) feDisplacementMap

(5) feTile

Номер 2

Какой из этих фильтров позволяет создавать растровые текстуры?

Ответ:

(1) feFlood

(2) feOffset

(3) feMorphology

(4) feDisplacementMap

(5) feTile

Номер 3

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

Ответ:

(1) feFlood

(2) feOffset

(3) feMorphology

(4) feDisplacementMap

(5) feTile

Упражнение 9:

Номер 1

Выберите фильтр, который поддерживает атрибуты dx, dy:

Ответ:

(1) feFlood

(2) feOffset

(3) feMorphology

(4) feDisplacementMap

(5) feTile

Номер 2

Для фильтра feMorphology определяются следующие атрибуты:
		id, filterUnits, x, y, width
		Какие из этих атрибутов не является обязательными, то есть  их можно опустить?

Ответ:

(1) id

(2) id, filterUnits

(3) x, y

(4) x, y, width

(5) все атрибуты являются обязательными

Номер 3

Для фильтра feTile определяются следующие атрибуты:
		
		 id, filterUnits, x, y, width
		 Какие из этих атрибутов не является обязательными, то есть их можно опустить?

Ответ:

(1) id

(2) id, filterUnits

(3) x, y

(4) x, y, width

(5) все атрибуты являются обязательными

Упражнение 10:

Номер 1

При работе с растровыми рисунками в фильтре feDisplacementMap влияет ли пара значений атрибутов xChannelSelector, yChannelSelector на  величину смещения изображения?

Ответ:

(1) да, влияет

(2) нет, не влияет для любых рисунков

(3) влияет, но практически не заметно

(4) эти атрибуты не относятся к фильтру feDisplacementMap

(5) не влияет, их использование имеет формальное значение

Номер 2

Для получения волнообразной структуры в фильтре feDisplacementMap задается следующая система линий:
		
		<linearGradient id="MyGradient">
		<stop offset="0%" stop-color="white"/>
		<stop offset="10%" stop-color="red"/>
		<stop offset="20%" stop-color="white"/>
		<stop offset="30%" stop-color="red"/>
		…

		
		Изменится ли результат применения фильтра, если красный цвет заменить на зеленый?

Ответ:

(1) линии станут намного тоньше

(2) нет, не изменится

(3) линии станут намного толще

(4) волнообразный эффект исчезнет

(5) рисунок не будет отображаться

Номер 3

Для получения волнообразной структуры в фильтре feDisplacementMap задается следующая система линий:
		
		
		<linearGradient id="MyGradient">
		<stop offset="0%" stop-color="white"/>
		<stop offset="10%" stop-color="red"/>
		<stop offset="20%" stop-color="white"/>
		<stop offset="30%" stop-color="red"/>
		…

		
		Изменится ли результат применения фильтра, если белый цвет заменить на зеленый?

Ответ:

(1) линии станут намного тоньше

(2) нет, не изменится

(3) линии станут намного толще

(4) волнообразный эффект исчезнет

(5) рисунок не будет отображаться

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