從這篇文章開始,你們會看到權威的HTML5 Canvas作圖技術,下面是相關圖片:
畫布上有一點p(19,82),在JavaScript中表示?可以用以下方式:
var p=new Array(2);
p[0]=19; p[1]=82;
這一點也能被作為“繪圖函數的參數”,看下面的內容:
function DrawP(Canvas,P)
{
//在點P處畫一個點
with (Canvas)
{
moveTo(P[0],P[1]);
lineTo(P[0]+1,P[1]+1);
}
}
調用方法:DrawP(Canvas,P);
下面是更多的實例,這些例子都很有代表性,一通百通:
1、在畫布的(50,50)處,畫一個點:
<html><head>
<title>Google搜索:HTML 5 金海龍</title>
<script type="text/javascript" src="bigengineer.js"></script>
</head>
<body><canvas id="cc" width="800" height="200"></canvas>
<script type="text/javascript">
var c=document.getElementById("cc");
var hb=c.getContext("2d");
hb.beginPath();
var A=Array(50,50);
hb.lineWidth=1;
DrawP(hb,A);
hb.stroke();
hb.endPath();
</script>
</body>
</html>
... ....
本文節選自我金海龍2010年寫的《 HTML5 Canvas 作圖函數庫2.0版本.pdf 》,
在HTML5剛登陸中國大陸的時候,奇缺權威資料,我及時寫作,剛一發布,就引起了關注,也成為被盜版的目標,當你們在Google搜索:HTML5 作圖 就可以看到我金海龍作品的排名。
這正說明了我的編程實力。
再接再厲,做完一個版本、開發完一次,才能覺得不完美。
我最近正在寫作《HTML 5 Canvas應用開發者指南》,寫完一章節,就發布在我金海龍的個人主頁上,
在我個人博客上只發表其中一些部分段落,寫寫感想,或者其它的,只要我有時間的話。