Scribd
Upload
41 views

Multimedia and Animation Lab Examination-1

The document outlines a Multimedia and Animation Lab Examination consisting of two parts, with various tasks to be completed using HTML5, SVG, and CANVAS. Part-A includes exercises such as creating HTML5 documents with external styles, drawing shapes using SVG, and generating Fibonacci numbers with JavaScript. Part-B focuses on advanced CANVAS techniques, including drawing shapes, gradients, animations, and transformations.

Uploaded by

Summane Kano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
41 views

Multimedia and Animation Lab Examination-1

The document outlines a Multimedia and Animation Lab Examination consisting of two parts, with various tasks to be completed using HTML5, SVG, and CANVAS. Part-A includes exercises such as creating HTML5 documents with external styles, drawing shapes using SVG, and generating Fibonacci numbers with JavaScript. Part-B focuses on advanced CANVAS techniques, including drawing shapes, gradients, animations, and transformations.

Uploaded by

Summane Kano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Multimedia and Animation Lab Examination [ 21BCA4C11P ]

PART-A

1. Develop and demonstrate a HTML5 document that illustrates the use external style sheet,
ordered list, table, borders, padding, color and the tag.
2. Develop and demonstrate a HTML5 file that includes JavaScript for the following problem:
Input: A number N obtained using prompt.
Output: The first N Fibonacci numbers.
3. Write a HTML5 program to draw circle using SVG.
4. Write a HTML5 program to draw rectangle using SVG.
5. Write a HTML5 program to draw line using SVG.
6. Write a HTML5 program to draw ellipse using SVG.
7. Write a HTML5 program to draw polygon using SVG.
8. Write a HTML5 program to draw polyline using SVG.
9. Write a HTML5 program to draw gradient ellipse using SVG.
10. Write a HTML5 program to draw star using SVG.
11. Write a HTML5 program to draw line using CANVAS.
12. Write a HTML5 program to draw rectangle using CANVAS.

PART-B

1. Write a HTML5 program to draw triangle using CANVAS.


2. Write a HTML5 program to draw Quadratic curves using CANVAS.
3. Write a HTML5 program to draw images using CANVAS.
4. Write a HTML5 program to create Linear gradient using CANVAS.
5. Write a HTML5 program to create Rainbow gradient using CANVAS.
6. Write a HTML5 program to create Radial gradient using CANVAS.
7. Write a HTML5 program to draw text using CANVAS.
8. Write a HTML5 program to draw Rotation of rectangle using CANVAS.
9. Write a HTML5 program to draw rectangle, scale to 200%, draw rectangle again, scale to
200%, draw rectangle again, scale to 200%, draw rectangle again using CANVAS.
10. Write a HTML5 program to draw Animation using CANVAS.
11. Write a HTML5 program to draw a rectangle, add a new transformation matrix with
transform(), draw a rectangle again, add a new transformation matrix, then draw a rectangle
again. Notice that each time you call transform(), it builds on the previous transformation
matrix.
12. Write a HTML5 program to draw a rectangle in position(10,10), set new(0,0) position to
(70,70). Draw same rectangle again(notice that the rectangle now starts in
position(80,80)).

You might also like