Canvas (HTML元素)
歷史编辑
它最初由苹果內部使用自己Mac OS X WebKit推出[1],供儀表盤的構件和Safari瀏覽器等应用程序使用。後來,它被Gecko核心的瀏覽器(尤其是Mozilla Firefox),Opera[2]和Chrome实现,并被網頁超文本應用技術工作小組提议為下一代的網絡技術的标准元素。在介紹Canvas給不同的Web标准社区時,他們有不同的反應。有些人抱怨蘋果公司建設了一個新的專有標準而不是支援未被網絡開發商廣泛接受的SVG標準[3]。
範例编辑
Canvas是一個HTML元素。可以利用JavaScript程式語言在該元素上繪圖,常見的應用包括繪製圖形及文字、影像處理、遊戲及動畫製作。若要在HTML上放置Canvas元素,可以使用以下範例:
<canvas id="canvas" width="寬度" height="高度"> 您的瀏覽器不支援canvas元素(此訊息在瀏覽器不支援canvas元素時顯示)</canvas>
这是一段在 Canvas 元素上绘制一个 100x100 大小的正方形的 Javascript 代码:
var c=document.getElementById("canvas"); //获取HTML中的Canvas元素。var ctx=c.getContext("2d"); //它返回一个在二维平面上绘图的环境。ctx.fillStyle = 'green'; //设置填充时使用green(绿色)ctx.rect(0,0,100,100); //在 x=0, y=0 的位置绘制一个 100x100的矩形ctx.stroke(); //画出刚刚绘制的边框
参考文献编辑
- ^ Ian Hixie. Extending HTML. 2004-07-12 [2011-06-13]. (原始内容存档于2011-05-25).
- ^ Opera 9.0 changelog. [2009-05-28]. (原始内容存档于2012-09-10).
- ^ Ian Hickson remarks regarding canvas and other Apple extensions to HTML. [2018-06-16]. (原始内容存档于2018-06-16).
🔥 Top keywords: Baike: 首页Special:搜索胖猫跳江事件背着善宰跑九龍城寨之圍城逆天奇案2璩静淚之女王歌手2024Energy (組合)新生 (网络剧)习近平匈牙利邊佑錫劉俊謙 (香港)金智媛神耆小子塞尔维亚金秀賢 (男演員)母亲节猩球崛起:王國誕生九龍寨城馴鹿寶貝家族榮耀之繼承者Seventeen (組合)六四事件不夠善良的我們张维为楊佩潔TripleS支配物种庆余年郭葦昀洪若潭命案金惠奫2024年英雄联盟季中邀请赛春色寄情人BABYMONSTER笑看風雲乘風2024排球少年!!角色列表破墓徐巧芯中华人民共和国中華民國打天下2WIND BREAKER—防風少年—习明泽排球少年!!彭丽媛磁暴ILLIT贾斯汀·比伯逆天奇案BOYNEXTDOOR猿人爭霸戰:猩凶革命張書偉我的婆婆怎麼那麼可愛我獨自升級怪獸8號謝坤達IVE (組合)與鳳行關於我轉生變成史萊姆這檔事角色列表黃道十二宮福建號航空母艦虽然不是英雄葉乃文五月天張員瑛草榴社区張文傑2024年花蓮地震极光香緹·摩爾迷宮飯呂家愷搜查班長1958日本劉德華海莉·鮑德溫蕭景鴻越位 (足球)葬送的芙莉蓮周處除三害 (電影)毛泽东願榮光歸香港林峯周雨彤伍允龍羅毓儀香港Baike: 分類索引沒有秘密猩球崛起:終極決戰角質層唐振剛柯佳嬿文化大革命