html5 मध्ये अक्षरेही काढता येतात. मात्र मराठी अक्षरांसाठी वेबपेजचा अक्षरसंच UTF-8 ठेवणे व मंगल font वापरणे आवश्यक आहे.
ज्ञानदीपतर्फे नवीन वर्षाच्या शुभेच्छा देण्यासाठी खालील प्रोग्राम लिहिला आहे. तो. save करून ब्राऊजरमध्ये उघडा म्हणजे वरील शुभेच्छा दिसेल.
<!DOCTYPE html>
<html>
<head>
<title>HTML 5 Pataka</title>
<meta charset="UTF-8">
<script>
function init() {
ctx = document.getElementById('canvas').getContext('2d');
ctx.font="50px Mangal";
ctx.strokeText("ज्ञानदीप",100,100);
ctx.font="30px Mangal";
ctx.strokeText("नववर्ष शुभेच्छा !",100,140);
ctx.strokeStyle='#00cc00';
ctx.lineWidth=3;
ctx.moveTo(10, 210);
ctx.lineTo(400, 410);
ctx.stroke;
var grd=ctx.createLinearGradient(0,0,300,0);
grd.addColorStop(0,"red");
grd.addColorStop(1,"blue");
// Fill with gradient
ctx.fillStyle=grd;
ctx.fillRect(10,150,400,10);
for ( i=1; i<20;i++){
ctx.fillStyle = get_random_color();
ctx.beginPath();
ctx.moveTo(20*i+5, 10);
ctx.lineTo(20*i+10, 40);
ctx.lineTo(20*i+20, 10);
ctx.closePath();
ctx.fill();
}
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}
}
</script>
</head>
<body onLoad="init();">
<canvas id="canvas" width="600" height="400">
Your browser does not support the canvas element .
</canvas>
</body>
</html>
No comments:
Post a Comment