пятница, 4 июля 2014 г.

Практическая работа SVG графика и анимация


      Исправьте ошибки фрагмента кода:
<svg><circle r="200" fill="rgb(255,256,250)" x="820" y="300" stroke="black" stroke-width="10" opacity="0.5">
</circle></svg>
Исправленный вариант




     

      Исправьте ошибки фрагмента кода:
<svg> <text fill=" rgb(255,0,0)" cx="600" cy="800" size="92" font="arial" stroke="black" stroke-width="2">SOCHI 2014</text></svg>
Исправленный вариант




      

     Исправьте ошибки фрагмента кода:
<svg> <polygon points="10,10 10,100 100,100 500,10"
stroke="red" fill-opacity="0.3"/>
<! Геометрическая фигура треугольник!></svg>
Исправленный вариант




     

      Исправьте ошибки фрагмента кода:
<svg> <polygon points="200,10 50,500 540,500 400,550"
stroke="red" fill-opacity="0.3"/>
<! Геометрическая фигура трапеция!></svg>
Исправленный вариант




      

      Добавьте координаты, чтобы получилась фигура стрелка:
<polygon points="10,250 10,450 500,450 500,600 700,350 500,100" (добавить последние координаты 500,250)
stroke="red" fill-opacity="0.3"/><!стрелка!>
Исправленный вариант







Создайте геометрическую фигуру РОМБ, используя SVG язык разметки масштабируемой векторной графики. Полученный код запишите в таблице.









     

     Определите цвета заливки и обводки для прямоугольника по цветовой модели RGB:
<svg>
<rect stroke="rgb(0,0,255)" width="200" height="100" fill="rgb(255,150,0)" x="500" y="300">
</rect>
</svg>





     

      Исправьте параметры для красного прямоугольника:
-  красный прямоугольник должен быть больше синего прямоугольника по ширине на 300 пикселей, по высоте на 100 пикселей;
-  красный прямоугольник должен быть расположен выше синего прямоугольника по оси у;
-  нижний край красного прямоугольника должен касаться верхнего края синего прямоугольника;
-  на красном прямоугольник расположена надпись «Красный прямоугольник». Размер-24, шрифт-arial, цвет-белый
<svg>
<rect width="200" height="100" stroke="rgb(0,0,255)" fill="rgb(255,0,0)" x="500" y="300"/>
<rect width="200" height="100" stroke="rgb(255,0,0)" fill="rgb(0,0,255)" x="500" y="300"/>
</svg>