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

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

Номер 1

Что происходит с текстом при применении к нему фильтра?

Ответ:

(1) текст превращается в растровый объект

(2) текст превращается в символ

(3) буквы, входящие в текст, группируются

(4) текст сохраняет возможности выделения и копирования

(5) текст становится отдельным элементом

Номер 2

Выберите набор фильтров, относящихся к категории смешивания и композиции:

Ответ:

(1) <feMerge>, <feBlend>, <feConvolveMatrix>

(2) <feDiffuseLighting>, <feConvolveMatrix>, <feBlend>

(3) <feImage>, <feMorphology>, <feTile>

(4) <feMerge>, <feBlend>, <feComposite>

(5) <feMerge>, <feBlend>, <feConvolveMatrix>

Номер 3

Выберите правильную структуру для применения фильтра:

Ответ:

(1) … <defs> <filter id="myFilter"> <!—Определение фильтра --> </filter> </defs> … <g id="myImage" style="fill:red;stroke:none" filter="url(#myFilter)"> <rect x="30" y="30" width="140" height="40"/> </g>

(2) … <defs> <filter id="myFilter"> <!—Определение фильтра --> </filter> </defs> … <g id="myFilter" style="fill:red;stroke:none" filter="url(#myImage)"> <rect x="30" y="30" width="140" height="40"/> </g>

(3) … <defs id="myFilter"> <filter> <!—Определение фильтра --> </filter> </defs> … <g id="myImage" style="fill:red;stroke:none" filter="url(#myFilter)"> <rect x="30" y="30" width="140" height="40"/> </g>

(4) … <defs> <filter id="myFilter"> <!—Определение фильтра --> </filter> … <g id="myImage" style="fill:red;stroke:none" filter="url(#myFilter)"> <rect x="30" y="30" width="140" height="40"/> </g> </defs>

(5) … <defs> <filter id="myFilter"> <!—Определение фильтра --> </filter> … <g id="myFilter" style="fill:red;stroke:none" filter="url(#myImage)"> <rect x="30" y="30" width="140" height="40"/> </g> </defs>

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

Номер 1

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

Ответ:

(1) stdDeviation="10.20"

(2) in="10 20"

(3) in="10.20"

(4) stdDeviation="10 20"

(5) stdDeviation="20 10"

Номер 2

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

Ответ:

(1) <image id= "myImage" x="20" y="220" width="186" height="125" xlink:href="imagejpg"/><use x="0" y="0" filter='url(#myFilter)' xlink:href='#myImage'/>

(2) <use x="0" y="0" filter='url(#myFilter)' xlink:href='#myImage'/><image id= "myImage" x="20" y="220" width="186" height="125" xpoint:href="imagejpg"/>

(3) <use x="0" y="0" filter='url(#myFilter)' xlink:href='#myImage'/> <image id= "myImage" x="20" y="220" width="186" height="125" xlink:href="imagejpg"/>

(4) <image id= "myImage" x="20" y="220" width="186" height="125" xpoint:href="imagejpg"/>< use x="0" y="0" filter='url(#myFilter)' xlink:href='#myImage'/>

(5) <use x="0" y="0" filter='url(#myFilter)' xlink:href='#myImage'/>< image id= "myImage" x="20" y="220" width="186" height="125" xpath:href="imagejpg"/>

Номер 3

Выберите режим фильтра feBlend, который не изменяет накладываемые изображения:

Ответ:

(1) zero

(2) screen

(3) multiply

(4) normal

(5) none

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

Номер 1

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

Ответ:

(1) feImage

(2) feBlend

(3) feComposite

(4) feGaussianBlur

(5) feMerge

Номер 2

Может ли фильтр feBlend  воздействовать на градиентные изображения?

Ответ:

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

(2) да, но только для радиальных градиентов

(3) да, может, результат зависит от его режима

(4) да, но только для линейных градиентов

(5) не может, поскольку фильтр работает только с одним элементом

Номер 3

Что получиться, если на белый рисунок (#ffffff) наложить черный ( #000000) и применить фильтр feBlend в режиме "darken"?

Ответ:

(1) белый рисунок

(2) черный рисунок

(3) светло-серый рисунок

(4) темно-серый рисунок

(5) белый рисунок с вкраплениями черного цвета

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

Номер 1

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

Ответ:

(1) feImage

(2) feBlend

(3) feComposite

(4) feGaussianBlur

(5) feMerge

Номер 2

Можно ли при помощи фильтра feMerge в один SVG – документ поместить одновременно несколько  изображений в формате *.png, *.gif и *.jpg?

Ответ:

(1) нельзя, поскольку этот фильтр поддерживает только форматы *.png и *.jpg?

(2) можно

(3) нельзя, поскольку SVG – документы поддерживают только форматы *.png и *.jpg

(4) можно, но формат *.png не будет отображаться

(5) можно, но формат *.jpg не будет отображаться

Номер 3

Для создания коллажа в один SVG –документ требуется поместить два изображения в формате *.jpg  c 50% прозрачностью. Можно ли отказаться от использования фильтра feMerge, установив значение прозрачности при вставке рисунков?

Ответ:

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

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

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

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

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

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

Номер 1

Чем отличается применение фильтра feComposite со значением "over" атрибута "operator" к двум изображениям от применения фильтра feBlend в режиме "normal" к этим же изображениям?

Ответ:

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

(2) фильтр feBlend осветляет пиксели верхнего изображения, фильтр feComposite фигурно обрезает оба изображения

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

(4) ничем. В обоих случаях изображения накладываются друг на друга без всякого взаимодействия

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

Номер 2

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

Ответ:

(1) over

(2) in

(3) out

(4) atop

(5) xor

Номер 3

Можно ли при использовании фильтра feComposite управлять прозрачностью совмещаемых изображений?

Ответ:

(1) можно

(2) нельзя, поскольку этот фильтр предназначен для фигурной обрезки

(3) можно лишь в сочетании с другими фильтрами

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

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

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

Номер 1

Какой из этих редакторов имеет встроенную поддержку SVG –фильтров в виде отдельного инструментального средства?

Ответ:

(1) Macromedia Flash

(2) Adobe Photoshop

(3) Macromedia Freehand

(4) Corel Draw

(5) Adobe Illustrator

Номер 2

Сколько всего фильтров в SVG – графике?

Ответ:

(1) 12

(2) 15

(3) 17

(4) 19

(5) 21

Номер 3

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

Ответ:

(1) feGaussianBlur

(2) feImage

(3) feBlend

(4) feComposite

(5) feMerge

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

Номер 1

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

Ответ:

(1) область действия данного фильтра

(2) размер включаемого изображения

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

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

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

Номер 2

Можно ли применять фильтры без задания области viewBox для исходного SVG – документа?

Ответ:

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

(2) можно

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

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

(5) можно, но некоторые значения фильтра могут работать не верно

Номер 3

Что означает префикс "fe" в названиях фильтров?

Ответ:

(1)

filter element

(2)

filter elements

(3)

filters element

(4)

filters effects

(5)

 filter effect

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

Номер 1

Что означает значение атрибута result при определении фильтра?

Ответ:

(1) название результата, получаемого после воздействия всего фильтра

(2) название первого исходного изображения

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

(4) название второго исходного изображения

(5) название фильтра

Номер 2

Допускается ли помещение внутри одного элемента filter нескольких фильтров разного типа?

Ответ:

(1) допускается, но только для фильтра feBlend

(2) не допускается – каждый фильтр должен размещаться внутри отдельного элемента filter

(3) не допускается – каждый элемент filter должен размещаться внутри отдельного фильтра

(4) допускается, это нормальная конструкция

(5) допускается, но только для фильтра feImage

Номер 3

Будет ли отображаться внешний рисунок "5.jpg" если в атрибуте xlink:href указывать его относительный путь?

Ответ:

(1) будет всегда, поскольку при первом отображении SVG-документа происходит встраивание всех внешних рисунков

(2) будет, но только если в состав SVG-документа не входит фильтр feImage

(3) будет, но только если в состав SVG-документа не входит фильр feBlend

(4) будет, но только если SVG – документ будет располагаться в той же самой директории

(5) не будет – этот атрибут поддерживает только абсолютные адреса

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

Номер 1

В SVG – документе находятся две фигуры, залитые однородными желтым ("yellow") и голубым ("blue") цветами. Фигуры накладываются друг на друга и к ним применяется фильтр feBlend. Выберите пару режимов фильтра, которые будут выглядеть одинаково:

Ответ:

(1)

screen – darken

(2)

lighten – multiply

(3)

screen – lighten

(4)

screen – none

(5)

normal – lighten

Номер 2

Структура какого из этих фильтров содержит узлы, в которых указываются изображения?

Ответ:

(1) feMerge

(2) feBlend

(3) feComposite

(4) feGaussianBlur

(5) feImage

Номер 3

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

Ответ:

(1) over

(2) in

(3) out

(4) atop

(5) xor

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

Номер 1

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

Ответ:

(1) darken

(2) lighten

(3) normal

(4) screen

(5) multiply

Номер 2

Можно ли применять фильтры к группам?

Ответ:

(1) можно

(2) нельзя, поскольку группы – это отдельная структура

(3) можно, но только к вложенным группам

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

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

Номер 3

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

Ответ:

(1)

filter="url(#feSharp)"

(2)

filter="url(#Sharp)"

(3)

filter="url(Sharp)"

(4)

filter="href(Sharp)"

(5)

filter="url(%Sharp)"

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