畫閉合的多邊形 - HTML5 Canvas 作圖

10、function DrawPolygon(Canvas,P)
功能:畫閉合的多邊形

參數:P是一個包含各個頂點坐標的數組
實例:
<html>
<script type="text/javascript" src="bigengineer.js"></script>
<body><canvas id="cc" width="2000" height="2000"></canvas>
<script type="text/javascript">
var c=document.getElementById("cc");
var hb=c.getContext("2d");

var P=new Array(12);
P[0]=10;
P[1]=30;
P[2]=10;
P[3]=80;
P[4]=40;
P[5]=110;
P[6]=80;
P[7]=80;
P[8]=80;
P[9]=30;
P[10]=55;
P[11]=10;
hb.beginPath();
DrawPolyline(hb,P);
hb.stroke();
hb.endPath();
</script>
</body>
</html>
用Google瀏覽器瀏覽的效果如下:

本文節選自我金海龍2010年寫的《 HTML5 Canvas 作圖函數庫2.0版本.pdf 》,

在HTML5剛登陸中國大陸的時候,奇缺權威資料,我及時寫作,剛一發布,就引起了關注,也成為被盜版的目標,當你們在Google搜索:HTML5 作圖 就可以看到我金海龍作品的排名。

這正說明了我的編程實力。

再接再厲,做完一個版本、開發完一次,才能覺得不完美。

我最近正在寫作《HTML 5 Canvas應用開發者指南》,寫完一章節,就發布在我金海龍的個人主頁上,

在我個人博客上只發表其中一些部分段落,寫寫感想,或者其它的,只要我有時間的話。

轉載于:https://www.cnblogs.com/htmlcanvas/archive/2012/08/13/2635776.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/277171.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/277171.shtml
英文地址,請注明出處:http://en.pswp.cn/news/277171.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

計算機網絡硬件的作用是什么,網絡技術在計算機軟硬件的作用

網絡技術在計算機軟硬件的作用電子信息工程是一種建立在計算機系統軟件技術和計算機網絡技術上的工程,在現代國防、科研和通訊等領域發揮著巨大的作用。下面是小編搜集整理的相關內容的論文&#xff0c;歡迎大家閱讀參考。摘要&#xff1a;隨著我國經濟的飛速發展&#xff0c;科…

華為3Com Quidway 2116-SI

上次介紹“華為3Com S1526”經過配置&#xff0c;發現所謂的支持Vlan&#xff0c;其實是無法配置Vlan IP的&#xff0c;所以無法和上級Trunk互聯&#xff0c;所謂的可管理也是超級的簡單&#xff0c;實在是對得起“SOHO”的定位&#xff0c;簡單。不得不更換型號&#xff0c;發…

Linux Makefile 中的陷阱【轉】

轉自&#xff1a;https://blog.csdn.net/QQ1452008/article/details/52247944 版權聲明&#xff1a;本文為博主原創文章&#xff0c;未經博主允許不得轉載。 https://blog.csdn.net/QQ1452008/article/details/52247944前言 每個編寫過Makefile的程序員都可能遇見過Makefile中內…

html錨點

設置錨點的兩種方式 1.設置一個錨點鏈接<a href"#wang">去找汪星人</a> 在頁面中需要的位置設置錨點<a name"wang">汪星人基地</a> 2.設置一個錨點鏈接<a href"#miao">去找喵星人</a> 在頁面中需要的位置設…

大學生計算機課程考試試題,大學生計算機基礎課程考試系統研究與實現

摘要&#xff1a;本文主要針對教學評測領域中的主觀題評測等難點展開研究.過去在教育評測領域雖然廣泛使用測試系統,但由于無法對主觀題進行準確有效的判斷,造成了以客觀題為主的測試局限性.本課題引入智能的算法以實現全自動教學評測,對于教育測試工作有著深遠的現實意義. 本系…

初學Vue.js--數據綁定與文本插值

(一)數據雙向綁定 數據的雙向綁定是Vue.js的核心功能在上一篇記錄中已經簡單創建了一個Vue實例如下 var myVuenew Vue({ el:#myvue//myvue是已經存在的div&#xff0c;其id值為myvue }) 使用選項el掛載成功后&#xff0c;我們可以通過myVue.$el來訪問該元素&#xff0c;如果需要…

網頁色彩搭配的內涵

網頁的色彩搭配往往是網友們感到頭疼的問題&#xff0c;尤其是那些完全沒有美術基礎的網友。到底用什么色彩搭配好看呢&#xff1f;讓我們來看看網友54雨寒的高見吧&#xff01; 一、紅色的色感溫暖&#xff0c;性格剛烈而外向&#xff0c;是一種對人刺激性很強的色。紅色容易引…

VS歷程簡單記錄

當時一開始裝VS2015&#xff0c;是用了很長時間了。裝了之后是可以用的&#xff0c;打了不少代碼的。 后來很長一段時間沒用它了&#xff0c;時隔良久&#xff0c;雙擊快捷方式竟然打開不了&#xff0c;讓我“重裝”。 其實也不用重裝&#xff0c;本機用的Win10&#xff0c;去控…

計算機考研分數2019,2019考研分數線和國家線有什么關系

2019考研學校分數線和國家線有什么區別。國家線即全國碩士研究生考生進入復試基本分數要求&#xff0c;是基礎分數線&#xff0c;要有資格參加復試必須過了這條線。國家線今天大概在3月中旬公布。學校分數線(簡稱學校線)是各招生單位在國家線的基礎上&#xff0c;根據本校有關專…

記錄一次react項目配置過程

1.為什么要配置react而不是腳手架 因為要知其然,最好還要知其所以然&#xff01; 2.配置對象 webpack webpack-dev-server babel eslint 3.配置過程 1.webpack 第一步:引入必須文件 const path require("path"); const webpack require("webpack");//為了…

智能文件名排序

默認排序問題 windows排序 Windows的資源管理中&#xff0c;提供了文件名的智能排序功能&#xff0c;可以識別出文件名中數字&#xff08;數字位數不相同&#xff09;&#xff0c;然后比較數字大小進行排序&#xff0c;如下圖&#xff1a; 代碼默認排序 但在C#中的列表排序中則…

VS2005 Web Application Project啟用WSE(Ver 3.0)的方法

使用過WSE的朋友都知道&#xff0c;若要啟用Server端Projects的WSE功能&#xff0c;需要選中如下所示的兩個單選框:Enable this project for Web Services Enhancements和Enable Microsoft Web Services Enhancement Soap Protocol Factory.但是在WSE3.0中對于Web Application …

計算機英語課程背景,專家講座第十五講:信息化背景下高質量大學英語課程建設與教學設計...

11月27日下午&#xff0c;南京大學王海嘯教授應邀到我院開展題為“信息化背景下高質量大學英語課程建設與教學設計”學術講座。講座由外國語言文學學院胡元江副院長和鮑貴教授共同主持&#xff0c;學院全體教師和研究生參加了本次學術活動。王海嘯教授目前兼任教育部高等學校大…

ORA-28001: the password has expired

原創文章地址:https://blog.csdn.net/zdw_wym/article/details/38066745 Oracle提示錯誤消息 ORA-28001: the password has expired&#xff0c;是由于Oracle11G的新特性所致&#xff0c;Oracle11G創建用戶時缺省密碼過期限制是180天&#xff08;即6個月&#xff09;&#xff0…

使用c#操作IBM WebSphere MQ

IBM WebSphere MQ 5.3升級到CSD05之后&#xff0c;提供了使用.net操作MQ的類庫&#xff0c;安裝完成之后&#xff0c;會在MQ的安裝目錄的bin文件夾下面多出一個amqmdnet.dll文件&#xff0c;把這個DLL作為引用添加到你的.net工程中&#xff0c;你的.net程序中就可以操作IBM Web…

【SpringBoot】在IOC之外的類中使用IOC內部的Bean

某些時候&#xff0c;某些類是不歸IOC管的&#xff0c;如我們的一些Util&#xff0c;如何使用IOC中的Bean&#xff1f; 1、寫一個SpringUtil類&#xff0c;該類用于操縱Spring的ApplicationContext Component的注解是需要的&#xff0c;該Util是要被Spring管理的。 Component p…

計算機office二級app,計算機二級office

計算機二級office是一款為用戶提供各種計算機二級知識的軟件&#xff0c;用戶可以在應用中快速的學習計算機二級office知識&#xff0c;順利通過二級考試&#xff1b;應用擁有海量的精選計算機二級考試題庫&#xff0c;不放過每一個考題&#xff0c;讓用戶全面的學習二級知識&a…

Obj-C 實現設計模式 -- Observer

觀察者模式&#xff0c;采用氣象站的例子來說明&#xff0c;本質上跟Java來實現差不多。只不過是針對協議&#xff08;Delegate&#xff09;來編程。 簡單說下需求&#xff0c;氣象顯示版向氣象站注冊成功訂閱者&#xff08;觀察者&#xff09;&#xff0c;氣象站監測到氣溫發生…

影響員工敬業度的三大因素

敬業的員工通常業績比較突出&#xff0c;對企業做的貢獻很大。經理人當然希望自己的員工個個都是敬業的員工&#xff0c;但實際上&#xff0c;在中國只有8%的員工具有敬業精神&#xff0c;相比全球的平均水平14%還有很大的差距。 是什么因素造成員工不敬業呢&#xff1f;根據世…

cf914D. Bash and a Tough Math Puzzle(線段樹)

題意 題目鏈接 Sol 直接在線段樹上二分 當左右兒子中的一個不是\(x\)的倍數就繼續遞歸 由于最多遞歸到一個葉子節點&#xff0c;所以復雜度是對的 開始時在糾結如果一段區間全是\(x\)的兩倍是不是需要特判&#xff0c;實際上是不需要的。 可以這么想&#xff0c;如果能成功的話…