Set Up a Canvas
ကၽြန္ေတာ္တုိ႕ canvas ဖန္တီးဖို႕အတြက္ HTML မွာ <canvas> tag ကို ထည့္ပါမယ္။
<!DOCTYPE html>
<html>
<head>
<title>Canvas</title>
</head>
<body>
<canvas></canvas>
</body>
</html>ဒီ code ကို browser မွာ ဖြင့္ရင္ေတာ့ ဘာမွ ျမင္ရမွာ မဟုတ္ပါဘူး။ ကၽြန္ေတာ္တုိ႕ canvas ကို ျမင္ရေအာင္ canvas ကို css သံုးျပီး border ထည့္ပါမယ္။
<!DOCTYPE html>
<html>
<head>
<title>Canvas</title>
<style>
canvas#sample {border: 1px solid gray;}
</style>
</head>
<body>
<canvas id="sample" width="600" height="400"></canvas>
</body>
</html>ကၽြန္ေတာ္တုိ႕ border ထည့္ထားတာေၾကာင့္ အျဖဴေရာင္ page မဟုတ္ေတာ့ပဲ canva ရိွတဲ့ ေနရာမွာ ေဘာင္ခတ္ထားတာကို ေတြ႕ႏိုင္ပါတယ္။
Figure 11-2
ကၽြန္ေတာ္တုိ႕ canvas ဖန္တီးျပီးသြားရင္ေတာ့ canvas ေပၚမွာ ပံုေတြ စျပီး ဆြဲလုိ႕ရပါျပီ။