Hiir
function kustuta(){
let k=document.getElementById(“kanva”).getContext(“2d”);
k.clearRect(0,0,400,300);
}
function korva1(){
let ctx=document.getElementById(“kanva”).getContext(“2d”);
ctx.beginPath();
ctx.arc(50, 50, 15, 0, 2 * Math.PI,true);//x,y -alguspunkt, R
ctx.strokeStyle=”DimGray”;
ctx.stroke();
ctx.fillStyle=”DarkGray”;
ctx.fill();
}
function korva2(){
let ctx=document.getElementById(“kanva”).getContext(“2d”);
ctx.beginPath();
ctx.arc(100, 50, 15, 0, 2 * Math.PI,true);//x,y -alguspunkt, R
ctx.strokeStyle=”DimGray”;
ctx.stroke();
ctx.fillStyle=”DarkGray”;
ctx.fill();
}
function pea(){
let ka=document.getElementById(“kanva”).getContext(“2d”);
ka.beginPath();
ka.lineWidth=”5″;
ka.strokeStyle=”DimGray”;
ka.moveTo(70, 100); //alguspunkt
ka.lineTo(50, 50);//kesk-punkt
ka.lineTo(100, 50);
ka.lineTo(70, 100);//lõpppunkt=keskpunkt
ka.stroke();
ka.fillStyle=”DarkGray”;
ka.fill();
}
function keha() {
let kas=document.getElementById(“kanva”).getContext(“2d”);
kas.beginPath();
kas.lineWidth=”5″;
kas.strokeStyle=”DimGray”;
kas.moveTo(70, 90); //alguspunkt
kas.lineTo(70, 50);//kesk-punkt
kas.lineTo(200, 50);
kas.lineTo(200, 90);
kas.lineTo(70, 90);//lõpppunkt=keskpunkt
kas.stroke();
kas.fillStyle=”DarkGray”;
kas.fill();
}
function kapp1(){
let kap=document.getElementById(“kanva”).getContext(“2d”);
kap.beginPath();
kap.lineWidth=”5″;
kap.strokeStyle=”DimGray”;
kap.moveTo(60, 120); //alguspunkt
kap.lineTo(80, 90);//kesk-punkt
kap.lineTo(80, 50);
kap.lineTo(80, 90);
kap.lineTo(60, 120);//lõpppunkt=keskpunkt
kap.stroke();
kap.fillStyle=”DarkGray”;
kap.fill();
}
function kapp2(){
let kap2=document.getElementById(“kanva”).getContext(“2d”);
kap2.beginPath();
kap2.lineWidth=”5″;
kap2.strokeStyle=”DimGray”;
kap2.moveTo(80, 120); //alguspunkt
kap2.lineTo(100, 90);//kesk-punkt
kap2.lineTo(100, 50);
kap2.lineTo(100, 90);
kap2.lineTo(80, 120);//lõpppunkt=keskpunkt
kap2.stroke();
kap2.fillStyle=”DarkGray”;
kap2.fill();
}
function kapp3(){
let kap3=document.getElementById(“kanva”).getContext(“2d”);
kap3.beginPath();
kap3.lineWidth=”5″;
kap3.strokeStyle=”DimGray”;
kap3.moveTo(160, 120); //alguspunkt
kap3.lineTo(180, 90);//kesk-punkt
kap3.lineTo(180, 50);
kap3.lineTo(180, 90);
kap3.lineTo(160, 120);//lõpppunkt=keskpunkt
kap3.stroke();
kap3.fillStyle=”DarkGray”;
kap3.fill();
}
function kapp4(){
let kap4=document.getElementById(“kanva”).getContext(“2d”);
kap4.beginPath();
kap4.lineWidth=”5″;
kap4.strokeStyle=”DimGray”;
kap4.moveTo(180, 120); //alguspunkt
kap4.lineTo(200, 90);//kesk-punkt
kap4.lineTo(200, 50);
kap4.lineTo(200, 90);
kap4.lineTo(180, 120);//lõpppunkt=keskpunkt
kap4.stroke();
kap4.fillStyle=”DarkGray”;
kap4.fill();
}
function saba(){
let sab=document.getElementById(“kanva”).getContext(“2d”);
sab.beginPath();
sab.lineWidth=”5″;
sab.strokeStyle=”DimGray”;
sab.moveTo(200, 70);
sab.lineTo(220, 50);
sab.lineTo(200, 70);
sab.stroke();
}
function silmad(){
let sil=document.getElementById(“kanva”).getContext(“2d”);
sil.beginPath();
sil.arc(65, 70, 2, 0, 2 * Math.PI,true);
sil.arc(80, 70, 2, 0, 2 * Math.PI,true);
sil.stroke();
sil.fillStyle=”Black”;
sil.fill();
}
function nina(){
let nin=document.getElementById(“kanva”).getContext(“2d”);
nin.beginPath();
nin.arc(70, 100, 2, 0, 2 * Math.PI,true);
nin.stroke();
nin.fillStyle=”Black”;
nin.fill();
}
function hiir(){
kapp1();
kapp2();
kapp3();
kapp4();
saba();
keha();
pea();
korva1();
korva2();
silmad();
nina();
}