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

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

Номер 1

Выберите атрибут и его значение, задающие абсолютную прозрачность объекта:

Ответ:

(1) fill-opacity, 0

(2) fill-opacity, 1

(3) stroke-opacity, 1

(4) stroke-opacity, infinity

(5) color-opacity, full

Номер 2

Выберите атрибут и его значение, задающие абсолютную непрозрачность объекта:

Ответ:

(1) fill-opacity, 0

(2) stop-opacity, 1

(3) stroke-opacity, 0

(4) stroke-opacity, indefinite

(5) color-opacity, full

Номер 3

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

Ответ:

(1) fill-rule: nonzero

(2) fill-rules: tb-rl

(3) fill-rule: evenodd

(4) fill-rules: tb-lr

(5) fill-rule: nocolor

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

Номер 1

Выберите атрибут линейного градиента, отвечающего за задание граничного цвета:

Ответ:

(1) stop-color

(2) offset

(3) stop

(4) linearGradient

(5) defs

Номер 2

Выберите атрибут линейного градиента, отвечающего за границу распространения цвета:

Ответ:

(1) stop-color

(2) offset

(3) stop

(4) linearGradient

(5) defs

Номер 3

Что произойдет при задании значения, равного "50%" для обоих атрибутов offset, для линейного градиента, состоящего из двух цветов?

Ответ:

(1) градиент выродится в область с одним (вторым) цветом

(2) градиент не будет отображаться – вместо рисунка будет черный квадрат

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

(4) градиент выродится в область с одним (первым) цветом

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

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

Номер 1

Для линейного градиента установлены следующие атрибуты:

		 
 x1="0%" y1="0%" x2="100%" y2="0%"
Для первого (зеленого цвета) установлено значение "0%" атрибута offset. Для второго (черного цвета) установлено значение "100%" этого же атрибута. Выберите правильное направление градиента, при условии, что в качестве окрашиваемой фигуры используется трапеция:

Ответ:

(1) зелено-черный переход в направлении слева направо

(2) черно-зеленый переход в направлении слева направо

(3) зелено-черный переход в направлении сверху-вниз

(4) черно-зеленый переход в направлении сверху-вниз

(5) черно-зеленый переход в направлении от верхнего левого угла по диагонали

Номер 2

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

Ответ:

(1) x1="0%" y1="100%" x2="0%" y2="0%"

(2) x1="0%" y1="50%" x2="0%" y2="0%"

(3) x1="0%" y1="0%" x2="100%" y2="0%"

(4) x1="0%" y1="0%" x2="0%" y2="100%"

(5) x1="100%" y1="0%" x2="0%" y2="0%"

Номер 3

Что произойдет, если линейным градиентом залить эллипс?

Ответ:

(1) эллипс будет окрашен линейным градиентом, фигура будет представлять собой "маску" для градиента

(2) произойдет преобразование в радиальную градиентную заливку в направлении от центра

(3) произойдет преобразование в радиальную градиентную заливку в направлении к центру

(4) произойдет преобразование в коническую градиентную заливку в направлении от центра

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

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

Номер 1

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

Ответ:

(1) прямоугольник окрашен системой чередующихся зелено-белых колец

(2) прямоугольник окрашен системой чередующихся зелено-белых прямоугольников

(3) прямоугольник окрашен зелено-белым переходом в направлении слева направо

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

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

Номер 2

Что произойдет при задании значения, равного "50%" для обоих атрибутов offset, для радиального градиента, состоящего из двух цветов?

Ответ:

(1) градиент выродится в область с одним (вторым) цветом

(2) градиент не будет отображаться – вместо рисунка будет черная окружность

(3) градиент выродится в область с одним (первым) цветом

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

(5) градиент не будет отображаться – вместо рисунка будет белая окружность

Номер 3

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

Ответ:

(1) rx, ry

(2) kx, ky

(3) tx, ty

(4) fx, fy

(5) stop-opacity, stop-color

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

Номер 1

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

Ответ:

(1) текст окрашен системой чередующихся зелено-белых колец

(2) белый цвет располагается в центре текста, зеленый по краям. Своей формой текст отсекает видимую часть градиента, маскируя ее

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

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

(5) текст окрашен зелено-белым переходом в направлении слева направо

Номер 2

Можно ли с помощью паттерна окрашивать контур фигуры?

Ответ:

(1) да, можно

(2) нет, нельзя, паттерны используются в качестве заливки фигуры

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

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

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

Номер 3

Может ли в качестве паттерна применяться радиальный градиент?

Ответ:

(1) может

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

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

(4) может, но только градиент должен содержать не более двух цветов

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

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

Номер 1

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

Ответ:

(1) stroke-offset

(2) stroke-break

(3) stroke-dasharray

(4) stroke-dots

(5) stroke-line

Номер 2

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

Ответ:

(1) stroke-linecap, round

(2) stroke-linecap, square

(3) stroke-linecap, miter

(4) stroke-linejoin, miter

(5) stroke-linejoin, round

Номер 3

Может ли контур фигуры быть частично прозрачным?

Ответ:

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

(2) да, может

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

(4) не может

(5) не может, но этот эффект можно получить применяя наложение двух фигур

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

Номер 1

Выберите набор атрибутов, отвечающих за горизонтальное и вертикальное позиционирование маркера:

Ответ:

(1) refX, refY

(2) orient, position

(3) id, orient,

(4) size, coordinate

(5) markerWidth, size

Номер 2

Может ли в качестве маркера применяться группа элементов?

Ответ:

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

(2) может, но фигуры должны быть определены в схеме DTD

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

(4) может

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

Номер 3

Допускается ли применение нескольких различных копий одного символа?

Ответ:

(1) допускается, но их цвета должны быть одинаковыми

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

(3) допускается

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

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

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

Номер 1

В чем разница между использованием элемента clipPath по отношению к простым элементам и тексту?

Ответ:

(1) простые элементы должны быть объединены в группы, а текст – нет

(2) простые элементы не должны содержать контуров

(3) нет никакой разницы

(4) текст должен не выходить за границы области

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

Номер 2

Что произойдет при наложении двух областей, формирующих маску при использовании элемента clipPath?

Ответ:

(1) результат маскированию будет равен суммарной площади обеих областей

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

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

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

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

Номер 3

При работе с элементом clipPath в качестве маски был использован красный круг с черным контуром. Как будет выглядеть маскированная область?

Ответ:

(1) белый прямоугольник с окружностью маски с черным контуром

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

(3) красный прямоугольник с окружностью маски с черным контуром

(4) черный прямоугольник с окружностью маски с красным контуром

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

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

Номер 1

В чем разница между элементами clipPath и mask?

Ответ:

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

(2) элемент clipPath не учитывает структуры фигуры-маски, а элемент mask учитывает

(3) элемент mask позволяет маскировать текст, а clipPath не позволяет

(4) между этим элементами нет никакой разницы

(5) элемент clipPath предназначен для маскирования только небольших областей

Номер 2

Для создания маски при работе с элементов mask применяется окружность с радиальным сине-белым градиентом. Как будет выглядеть маскированная область?

Ответ:

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

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

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

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

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

Номер 3

Можно ли маскировать растровое изображение по отдельности при помощи элементов mask и clipPath?

Ответ:

(1) при помощи mask можно, а с clipPath – нет

(2) при помощи clipPath можно, а с mask – нет

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

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

(5) можно при помощи обоих элементов

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

Номер 1

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

Ответ:

(1) mask

(2) clipPath

(3) linearGradient

(4) RadialGradient

(5) pattern

Номер 2

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

Ответ:

(1) kx, ky, r

(2) x, y, tx

(3) cx, cy, r

(4) x, y, lr

(5) fx, fy, ln

Номер 3

Окружность окрасили в черно-белый цвет, используя радиальный градиент с параметрами атрибута offset "0%" и "100%" для черного и белого цветов соответственно. Что произойдет, если поменять местами эти значения, т. е. для черного цвета установить "100%", для белого "0%"?

Ответ:

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

(2) изменится направление градиента

(3) белый цвет не будет отображаться

(4) черный цвет не будет отображаться

(5) градиент выродиться в резко выраженную границу двух цветов

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