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

Figure 11-2

ကၽြန္ေတာ္တုိ႕ canvas ဖန္တီးျပီးသြားရင္ေတာ့ canvas ေပၚမွာ ပံုေတြ စျပီး ဆြဲလုိ႕ရပါျပီ။

results matching ""

    No results matching ""