Subject Code : 3160717 Subject Name : Data Visualization Date :31/01/2023
Enrollment No : 200420107076 Name : Raj Dudhat
Practical No. : 2(a)
Problem Statement:
Draw Line, Rectangle, Circle, Arc, House. Apply different styles.
Program:
<!DOCTYPE html>
<html>
<head>
<title>Canvas Drawing</title>
<style>
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
// Draw a line
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(200, 50);
ctx.lineWidth = 5;
ctx.strokeStyle = "blue";
ctx.stroke();
// Draw a rectangle
ctx.beginPath();
ctx.rect(50, 100, 200, 100);
ctx.fillStyle = "yellow";
ctx.fill();
ctx.lineWidth = 3;
SCET/CO/2022-23/EVEN/BE Shift-II/Sem-VI Page No : 1
