Главная / Компьютерная графика /
Масштабируемая векторная графика / Тест 2
Номер 3
Ответ:
Масштабируемая векторная графика - тест 2
Упражнение 1:
Номер 1
Ответ:
Номер 1
Выберите правильный фрагмент кода для получения красного прямоугольника с синим контуром:
Ответ:
(1)
<rect x="50" y="40" width="100"
height="30" color="red" stroke="blue"
stroke-width="2"/>
(2)
<rect x="50" y="40" width="100"
height="30" color="red" stroke-color="blue"
stroke-width="2"/>
(3)
<rect x="50" y="40" width="100"
height="30" fill="red" stroke="blue"
stroke-width="2"/>
(4)
<rect x="50" y="40" width="100"
height="30" fill="red" stroke-color="blue"
stroke-width="2"/>
(5)
<rect x="50" y="40" width="100"
height="30" fill="red" stroke-color="blue"
stroke-line="2"/>
Номер 2
Ответ:
Выберите правильный фрагмент кода для получения прямоугольника с округлением углов:
Ответ:
(1)
<rect x="50" y="40" width="100"
height="30" fill="green" stroke="gray"
stroke-width="5" sx="10" sy="10"/>
(2)
<rect x="50" y="40" width="100"
height="30" fill="green" stroke="gray"
stroke-width="5" kx="10" ky="10"/>
(3)
<rect x="50" y="40" width="100"
height="30" fill="green" stroke="gray"
stroke-width="5" nx="10" ny="10"/>
(4)
<rect x="50" y="40" width="100"
height="30" fill="green" stroke="gray"
stroke-width="5" rx="10" ry="10"/>
(5)
<rect x="50" y="40" width="100"
height="30" fill="green" stroke="gray"
stroke-width="5" fx="10" fy="10"/>
Выберите правильный фрагмент кода для получения прямоугольника без контура:
Ответ:
(1) <rect x="50" y="40"
width="100" height="30" fill="blue" stroke-fill="none"/>
(2) <rect x="50" y="40"
width="100" height="30" fill="blue" stroke-line="0"/>
(3) <rect x="50" y="40"
width="100" height="30" fill="blue" stroke-fill="0"/>
(4) <rect x="50" y="40"
width="100" height="30" fill="blue"/>
(5) <rect x="50" y="40"
width="100" height="30" fill="blue" stroke-line="none"/>
Упражнение 2:
Номер 1
Ответ:
Номер 1
Выберите правильный фрагмент кода для получения красной окружности с синим контуром:
Ответ:
(1) <circle cx="100" cy="50" r="40"
fill="red" stroke="blue" stroke-width="4"/>
(2) <circle cx="100" cy="50" r="40"
fill="blue" stroke="red" stroke-width="4"/>
(3) <circle cx="100" cy="50" r="40"
fill="red" stroke-line="blue" stroke-width="4"/>
(4) <circle cx="100" cy="50" r="40"
fill="blue" stroke-line="red" stroke-width="4"/>
(5) <circle cx="100" cy="50" r="40"
stroke="red" stroke="blue" stroke-width="4"/>
Номер 2
Ответ:
Выберите правильный фрагмент кода для получения окружности без контура:
Ответ:
(1) <circle cx="100" cy="50"
r="40" color="yellow"/>
(2) <circle cx="100" cy="50"
r="40" color="yellow" stroke-line="none"/>
(3) <circle cx="100" cy="50"
r="40" fill="yellow"/>
(4) <circle cx="100" cy="50"
r="40" color="yellow" stroke-line="0"/>
(5) <circle cx="100" cy="50"
r="40" fill-color="yellow" stroke-line="0"/>
Номер 3
Ответ:
Выберите правильный фрагмент кода для получения окружности без заливки:
Ответ:
(1) <circle cx="100" cy="50" r="40"
fill="0" stroke="green" stroke-width="4"/>
(2) <circle cx="100" cy="50" r="40"
color="none" stroke="green" stroke-width="4"/>
(3) <circle cx="100" cy="50" r="40"
color="none" stroke-line="green" stroke-width="4"/>
(4) <circle cx="100" cy="50" r="40"
fill="none" stroke="green" stroke-width="4"/>
(5) <circle cx="100" cy="50" r="40"
fill="none" stroke-line="green" stroke-width="4"/>
Упражнение 3:
Номер 1
Ответ:
Номер 1
Выберите правильный фрагмент кода для получения зеленого эллипса c желтым контуром:
Ответ:
(1) <ellipse cx="100" cy="50" rx="60"
ry="40" fill-color="green" stroke="yellow" stroke-width="4"/>
(2) <ellipse cx="100" cy="50" rx="60" ry="40"
fill="green" stroke="yellow" stroke-width="4"/>
(3) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="green" stroke-line="yellow" stroke-width="4"/>
(4) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="yellow" stroke-line="green" stroke-width="4"/>
(5) <ellipse cx="100" cy="50" rx="60" ry="40"
fill="yellow" stroke="green" stroke-width="4"/>
Номер 2
Ответ:
Выберите правильный фрагмент кода для получения эллипса без заливки:
Ответ:
(1) <ellipse cx="100" cy="50" rx="60" ry="40"
fill="none" stroke="blue" stroke-width="4"/>
(2) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="none" stroke="blue" stroke-width="4"/>
(3) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="none" stroke-line="blue" stroke-width="4"/>
(4) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="none" stroke-color="blue" stroke-width="4"/>
(5) <ellipse cx="100" cy="50" rx="60" ry="40"
fill-color="0" stroke-color="blue" stroke-width="4"/>
Номер 3
Ответ:
Выберите правильный фрагмент кода для получения эллипса без контура:
Ответ:
(1) <ellipse cx="100" cy="50" fill="green"/>
(2) <ellipse cx="100" cy="50" rx="60" ry="40" fill-color="green"/>
(3) <ellipse cx="100" cy="50" rx="60" ry="40" fill-color="green" stroke="none"/>
(4) <ellipse cx="100" cy="50" rx="60" ry="40" fill-color="green" stroke="0"/>
(5) <ellipse cx="100" cy="50" rx="60" ry="40" fill="green"/>
Упражнение 4:
Номер 1
Ответ:
Номер 1
Выберите правильный фрагмент кода для соединения двух точек с координатами "0,0" и "100,100" линией красного цвета:
Ответ:
(1) <line x1="0" y1="100" x2="100"
y2="0" stroke="red" stroke-width="10" />
(2) <line x1="100" y1="0" x2="0"
y2="100" stroke="red" stroke-width="10" />
(3) <line x1="0" y1="0" x2="100"
y2="100" stroke="red" stroke-width="10" />
(4) <line x1="0" y1="100" x2="100"
y2="0" stroke-line="red" stroke-width="10" />
(5) <line x1="100" y1="0" x2="0"
y2="100" stroke-line="red" stroke-width="10" />
Номер 2
Ответ:
Выберите правильный фрагмент кода для соединения двух точек с координатами "0,0" и "100,100" линией красного цвета толщиной в 5 пикселей:
Ответ:
(1) <line x1="0" y1="100" x2="100"
y2="0" stroke="red" stroke-width="5" />
(2) <line x1="100" y1="0" x2="0"
y2="100" stroke="red" stroke-width="5" />
(3) <line x1="0" y1="0" x2="100"
y2="100" stroke="red" stroke-width="5" />
(4) <line x1="0" y1="100" x2="100"
y2="0" stroke-line="red" stroke-width="5" />
(5) <line x1="100" y1="0" x2="0"
y2="100" stroke-line="red" stroke-width="5" />
Номер 3
Ответ:
Выберите правильный фрагмент кода для соединения двух точек с координатами "100,100" и "1000,1000" линией красного цвета толщиной в 5 пикселей:
Ответ:
(1) <line x1="100" y1="1000"
x2="1000" y2="100" stroke-line="red" stroke-width="5" />
(2) <line x1="1000" y1="100"
x2="100" y2="1000" stroke-line="red" stroke-width="5" />
(3) <line x1="100" y1="1000"
x2="1000" y2="100" stroke="red" stroke-width="5" />
(4) <line x1="1000" y1="100"
x2="100" y2="1000" stroke="red" stroke-width="5" />
(5) <line x1="100" y1="100"
x2="1000" y2="1000" stroke="red" stroke-width="5" />
Упражнение 5:
Номер 1
Ответ:
Номер 1
Выберите правильный фрагмент кода для соединения точек с координатами "0,0", "100,0", "0,100" ломаной линией так, чтобы получилась замкнутая кривая:
Ответ:
(1) <polyline points="0,0 100,0 0,100 0,0" stroke="red"
stroke-width="3" fill="none" />
(2) <polyline points="0,0 100,0 0,100" stroke="red"
stroke-width="3" fill="none" />
(3) <polyline points="0,0 100,0 0,100" stroke-line="red"
stroke-width="3" fill="none" />
(4) polyline points="0,0 100,0 0,100" stroke-line="red"
stroke-width="3" fill="red" />
(5) polyline points="0,0 100,0 0,100" stroke="red"
stroke-width="3" fill="red" />
Номер 2
Ответ:
Выберите правильный фрагмент кода для соединения точек с координатами "0,0", "100,0", "0,100" ломаной линией так, чтобы получилась замкнутая фигура, закрашенная синим цветом с черным контуром:
Ответ:
(1) <polygon points="0,0 100,0 0,100 0,0" stroke="blue"
stroke-width="3" fill="black"/>
(2) <polygon points="0,0 100,0 0,100" stroke-line="black"
stroke-width="3" fill-color="blue"/>
(3) <polygon points="0,0 100,0 0,100" stroke="black"
stroke-width="3" fill="blue"/>
(4) <polygon points="0,0 100,0 0,100 0,0" stroke ="black"
stroke-width="3" fill-color="blue"/>
(5) <polygon points="0,0 100,0 0,100 0,0" stroke-color ="black"
stroke-width="3" fill-color="blue"/>
Номер 3
Ответ:
Чем отличаются элементыpolygoneиpolyline?
Ответ:
(1) при использовании элемента
polyline начальная и конечная точки соединяются автоматически
(2) при использовании элемента
polygone начальная и конечная точки соединяются автоматически, если фигура замкнутая
(3) при использовании элемента
polygone начальная и конечная точки соединяются автоматически
(4) при использовании элемента
polyline начальная и конечная точки соединяются автоматически, если фигура замкнутая
(5) при использовании элемента
polyline последняя и предпоследняя точки соединяются автоматически, если фигура замкнутая
Упражнение 6:
Номер 1
Ответ:
Номер 1
В SVG – документе расположены три последовательные строки кода, отображающие эллипс, квадрат и окружность. Фигуры имеют приблизительно одинаковый размер и налагаются друг на друга. Выберите правильное расположение фигур в вертикальной стопке слоев:
Ответ:
(1) квадрат закрывает собой окружность, окружность закрывает собой эллипс
(2) эллипс закрывает собой квадрат, квадрат закрывает собой окружность
(3) квадрат закрывает собой эллипс, эллипс закрывает собой окружность
(4) окружность закрывает собой квадрат, квадрат закрывает собой эллипс
(5) окружность закрывает собой эллипс, эллипс закрывает собой квадрат
Номер 2
Ответ:
В SVG – документе расположены три последовательные строки кода, отображающие треугольник, квадрат и окружность. Фигуры имеют приблизительно одинаковый размер и налагаются друг на друга. Выберите правильное расположение фигур в вертикальной стопке слоев:
Ответ:
(1) квадрат закрывает собой окружность, окружность закрывает собой треугольник
(2) треугольник закрывает собой квадрат, квадрат закрывает собой окружность
(3) окружность закрывает собой квадрат, квадрат закрывает собой треугольник
(4) окружность закрывает собой треугольник, треугольник закрывает собой квадрат
(5) квадрат закрывает собой треугольник, треугольник закрывает собой окружность
Номер 3
Ответ:
В SVG – документе расположены три последовательные строки кода, отображающие треугольник, квадрат и прямоугольник. Фигуры имеют приблизительно одинаковый размер и налагаются друг на друга. Выберите правильное расположение фигур в вертикальной стопке слоев:
Ответ:
(1) прямоугольник закрывает собой квадрат, квадрат закрывает собой треугольник
(2) квадрат закрывает собой прямоугольник, прямоугольник закрывает собой треугольник
(3) треугольник закрывает собой квадрат, квадрат закрывает собой прямоугольник
(4) прямоугольник закрывает собой треугольник, треугольник закрывает собой квадрат
(5) квадрат закрывает собой треугольник, треугольник закрывает собой прямоугольник
Упражнение 7:
Номер 1
Ответ:
Номер 1
Выберите правильное написание CSS внутри определения элемента:
Ответ:
(1)
<rect x="50" y="40" width="100"
height="30" style="fill=yellow; stroke=green; stroke-width=5;"/>
(2)
<rect x="50" y="40" width="100"
height="30" style="fill="yellow"; stroke="green"; stroke-width="5";"/>
(3)
<rect style="x:50; y:40; width:100; height:30; fill:yellow;
stroke:green; stroke-width:5;"/>
(4)
<rect x="50" y="40" style="width:100;
height:30; fill:yellow; stroke:green; stroke-width:5;"/>
(5)
<rect x="50" y="40" width="100"
height="30" style="fill:yellow; stroke:green; stroke-width:5;"/>
Номер 2
Ответ:
Выберите правильное написание CSS внутри SVG - документа:
Ответ:
(1)
<defs>
<style type="text/css">
<![CDATA[
rect {
fill: red;
stroke: black;
stroke-width: 5
}
]]></style>
</defs>
(2)
<style type="text/css"><defs>
<![CDATA[
rect {
fill: red;
stroke: black;
stroke-width: 5
}
]]> </defs></style>
(3)
<defs>
<style type="text/css">
<![CDATA[
rect {
fill=red;
stroke= black;
stroke-width=5
}
]]></style>
</defs>
(4)
<style type="text/css"><defs>
<![CDATA[
rect {
fill="red";
stroke="black";
stroke-width="5";
}
]]> </defs></style>
(5)
<defs>
<style type="xml/css">
<![CDATA[
rect {
fill: red;
stroke: black;
stroke-width: 5
}
]]></style>
</defs>
Номер 3
Ответ:
В SVG-документе необходимо использовать внешнюю каскадную таблицу стилей "skincss". Выберите правильный фрагмент кода для включения нужного файла:
Ответ:
(1)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="skincss" type="svg/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
(2)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="skincss" type="xml/svg"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
(3)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="skincss" type="svg/xml"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
(4)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="skincss" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
(5)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="skincss" type="xml/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
Упражнение 8:
Номер 1
Ответ:
Номер 1
Выберите правильное утверждение:
Ответ:
(1) все элементы, входящие в группу, обязательно должны иметь одинаковые атрибуты
(2) все элементы, входящие в группу, должны быть однородными
(3) для всех элементов, входящих в группу можно устанавливать одинаковые атрибуты
(4) все элементы, входящие в группу, могут быть неоднородными, но должны иметь одинаковый размер
(5) для элемента, входящего в группу, нельзя установить отдельные атрибуты
Номер 2
Ответ:
Выберите правильный фрагмент кода для использования группы "Animals":
Ответ:
(1) …
<defs>
<g id="Animals " >
…
</g>
</defs>
<use x="10" y="10" width="250" height="250" xlink:href="#Animals" />
(2)
…
<defs id="Animals " >
<g >
…
</g>
</defs>
<use x="10" y="10" width="250"
height="250" xlink:href="#Animals" />
(3) …
<defs>
<g id="Animals " >
…
</g>
</defs>
<use x="10" y="10" width="250"
height="250" xpath:href="#Animals" />
(4)
…
<defs id="Animals " >
<g >
…
</g>
</defs>
<use x="10" y="10" width="250"
height="250" xpath:href="#Animals" />
(5)
…
<defs id="Animals " >
<g >
…
</g>
</defs>
<use x="10" y="10" width="250"
height="250" xpath:href="Animals" />
Номер 3
Ответ:
Выберите атрибут, указывающий на идентификатор группы:
Ответ:
(1)
xgroup:href
(2)
xtitle:href
(3)
xlink:href
(4)
xpath:href
(5)
xpoint:href
Упражнение 9:
Номер 1
Ответ:
Номер 1
Выберите тип данных SVG – графики, способный представлять дробную часть числа:
Ответ:
(1)
<integer>
(2)
<number>
(3)
<decimal>
(4)
<float>
(5)
<double>
Номер 2
Ответ:
Выберите тип данных SVG – графики, предназначенный для измерения углов:
Ответ:
(1)
<scale>
(2)
<corner>
(3)
<azimuth>
(4)
<angle>
(5)
<rotate>
Номер 3
Ответ:
Выберите тип данных SVG-графики, значения которого можно задавать в десятичной, шестнадцатеричной формах, а также использовать предопределенные названия:
Ответ:
(1)
<color>
(2)
<angle>
(3)
<paint>
(4)
<time>
(5)
<name>
Упражнение 10:
Номер 1
Ответ:
Номер 1
Выберите правильное утверждение:
Ответ:
(1) свойство "viewBox" предназначено для задания масштабирования элементов, оно задает собственную систему координат для отдельной группы
(2) свойство "viewBox" предназначено для масштабирования групп элементов и определения исходного их размера
(3) свойство "viewBox" позволяет масштабировать рисунок как единое целое без ухудшения качества изображения
(4) свойство "viewBox" предназначено для задания собственной системы координат документа, оно позволяет масштабировать рисунок без изменения значений координат элементов
(5) свойство "viewBox" предназначено для задания фиксированных размеров элементов, масштабирование рисунка осуществляется заданием общих размеров документа
Номер 2
Ответ:
Выберите правильное указание свойства "viewBox":
Ответ:
(1)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
<svg width="500" height="500"
xmlns="http://www.worg/2000/svg" version="1"
viewBox="1000,1000">
(2)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
<svg width="500" height="500"
xmlns="http://www.worg/2000/svg" version="1"
viewBox="0,0 1000,1000">
(3)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
<svg width="500" height="500"
xmlns="http://www.worg/2000/svg" version="1"
viewBox="0;0;1000;1000">
(4)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
<svg width="500" height="500"
xmlns="http://www.worg/2000/svg" version="1"
viewBox="0.0.1000.1000">
(5)
<?xml version="0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1//EN"
"http://www.worg/Graphics/SVG/1/DTD/svg1dtd">
<svg width="500" height="500"
xmlns="http://www.worg/2000/svg" version="1"
viewBox="0 0 1000 1000">
Номер 3
Ответ:
Необходимо сделать так, чтобы SVG-документ при его открытии в браузере заполнял собой всю рабочую область. Выберите правильный фрагмент кода для получения нужного результата:
Ответ:
(1)
<svg width="100%" height="100%">
(2)
<svg width="100&" height="100&">
(3)
<svg width="100#" height="100#">
(4)
<svg width="100" height="100">
(5)
<svg width="100/" height="100/">