HTML5 Canvas 作图函数库 2.0版本.pdfVIP

H T M L 5 作 图 函 数 库 H T M L 5 作 图 函 数 库 HH TT MM LL 55 作作 图图 函函 数数 库库 Canvas 函数库 作者：金海龙(bigengineer@163.com) 前不久，我发布了一个HTML5Canvas初等作图函数库，很多个人开 发者关注了我，所以我打算完善这个用JavaScript写成的函数库. 下面详细介绍新增的函数，需要源代码的Web开发者，可在页底查 看下载链接。要运行下面的源代码，需要使用Google浏览器或者IE9 注：下列绘图函数都是“bigengineer.js”中的内容，这个文档可以 在如下网址下载： /file/b3d9992/n/bigengineer_rar 也可以网络浏览： /docs/document-preview.aspx?doc_id 1 functionDrawRoundRect(Canvas,P1,P2,Radius) 、 功能：画正圆角矩形 P1 P2 参数： ：矩形左上角坐标； ：矩形右下角坐标； Radius：圆角大小 实例： html html hhttmmll scripttype=text/javascript src=bigengineer.js/script scripttype=text/javascript src=bigengineer.js/script ssccrriippttttyyppee==tteexxtt//jjaavvaassccrriippttssrrcc==bbiiggeennggiinneeeerr..jjss//ssccrriipptt bodycanvasid=ccwidth=2000height=2000/canvas bodycanvasid=ccwidth=2000height=2000/canvas bbooddyyccaannvvaassiidd==ccccwwiiddtthh=heeiigghhtt=/ccaannvvaass scripttype=text/javascript scripttype=text/javascript ssccrriippttttyyppee==tteexxtt//jjaavvaassccrriipptt varc=document.getElementById(cc); varc=document.getElementById(cc); vvaarrcc==ddooccuummeenntt..ggeettEElleemmeennttBByyIIdd((cccc));; varhb=c.getContext(2d); varhb=c.getContext(2d); vvaarrhhbb==cc..ggeettCCoonntteexxtt((22dd));; varA=newArray(55,55); varA=newArray(55,55); vvaarrAA==nneewwAArrrraayy((5555,,5555));; varC=newArray(150,150); varC=newArray(150,150); vvaarrCC==nneewwAArrrraayy((115500,,115500));; hb.beginPath(); hb.beginPath(); hhbb..bbeeggiinnPPaatthh(());; hb.strokestyle=#000000; hb.strokestyle=#000000; hhbb..ssttrrookkeessttyyllee==##000000000000;; DrawRoundRect(hb,A,C,10); DrawRoundRect(hb,A,C,10); DDrraawwRRoouunnddRReecctt((hhbb,,AA,,CC,,1100));; hb.stroke(); hb.stroke(); hhbb..ssttrrookkee(());; hb.endPath(); hb.endPath(); hhbb..eennddPPaatthh(());; /script /script //ssccrriipptt /body /body //bbooddyy /ht