锘??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲综合精品伊人久久,久久精品国产亚洲AV无码娇色,久久久久亚洲AV成人网http://m.tkk7.com/myqiao/category/46360.htmlzh-cnTue, 19 Oct 2010 07:40:49 GMTTue, 19 Oct 2010 07:40:49 GMT60HTML5杈圭帺杈瑰錛?0錛夛細淇勭綏鏂柟鍧楀氨鏄繖涔堢畝鍗?涔?鎺у埗鐣岄潰綃囷紙婧愮爜錛?/title><link>http://m.tkk7.com/myqiao/archive/2010/10/18/335477.html</link><dc:creator>宸︽錘</dc:creator><author>宸︽錘</author><pubDate>Mon, 18 Oct 2010 10:31:00 GMT</pubDate><guid>http://m.tkk7.com/myqiao/archive/2010/10/18/335477.html</guid><wfw:comment>http://m.tkk7.com/myqiao/comments/335477.html</wfw:comment><comments>http://m.tkk7.com/myqiao/archive/2010/10/18/335477.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://m.tkk7.com/myqiao/comments/commentRss/335477.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/myqiao/services/trackbacks/335477.html</trackback:ping><description><![CDATA[     鎽樿: 榪欎竴嬈″湪涓婁竴綃囩▼搴忕殑鍩虹涓婂鍔犱簡浠ヤ笅浜や簰鎺у埗鍔熻兘錛?銆侀敭鐩樻帶鍒訛紱2銆佸紑濮嬨佹殏鍋滐紱3銆佹秷闄ゆ椂鍊欑┖琛岀殑鍋滈】鏁堟灉錛?銆侀殢鐫娑堥櫎琛屾暟鐨勫澶氾紝閫熷害鍔犲揩錛?銆侀煶鏁堢瓑絳夈傚彲浠ョ湅鍑猴紝鍦ㄦ暟鎹ā鍨嬫娊璞″ソ鐨勫熀紜涓婏紝瀹屾垚鎺у埗鍜屽浘褰㈡帴鍙f槸闈炲父鏂逛究鐨勩?nbsp; <a href='http://m.tkk7.com/myqiao/archive/2010/10/18/335477.html'>闃呰鍏ㄦ枃</a><img src ="http://m.tkk7.com/myqiao/aggbug/335477.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/myqiao/" target="_blank">宸︽錘</a> 2010-10-18 18:31 <a href="http://m.tkk7.com/myqiao/archive/2010/10/18/335477.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML5杈圭帺杈瑰錛?錛夛細淇勭綏鏂柟鍧楀氨鏄繖涔堢畝鍗?涔?鏁版嵁妯″瀷綃?/title><link>http://m.tkk7.com/myqiao/archive/2010/10/17/335390.html</link><dc:creator>宸︽錘</dc:creator><author>宸︽錘</author><pubDate>Sun, 17 Oct 2010 15:21:00 GMT</pubDate><guid>http://m.tkk7.com/myqiao/archive/2010/10/17/335390.html</guid><wfw:comment>http://m.tkk7.com/myqiao/comments/335390.html</wfw:comment><comments>http://m.tkk7.com/myqiao/archive/2010/10/17/335390.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/myqiao/comments/commentRss/335390.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/myqiao/services/trackbacks/335390.html</trackback:ping><description><![CDATA[     鎽樿: 瑕佸啓涓涓縿緗楁柉鏂瑰潡灝忔父鎴忥紝鎴戜滑鍏堟潵涓鍧楄冭檻涓涓嬩笅闈㈠嚑涓棶棰橈細....... 濡傛灉浣犲涓婇潰鍑犱釜闂鎬濊冿紝姣忎竴涓瓟妗堥兘鍜岀晫闈€佹帶浠躲佸鉤鍙版湁鍏崇殑璇濓紝灝辨槸璇村亣濡備綘鏄敤 .Net 鐨勶紝浣犵殑姣忎竴涓瓟妗堥兘鏄洿緇曠潃濡備綍鍒╃敤鎺т歡銆佸浣曚嬌鐢ㄧ獥浣撱佸湪鎺т歡鐨勫摢涓簨浠墮噷闈㈡敼鍙樺摢涓睘鎬х瓑絳夛紝閭d箞璇存槑浣犺寰蔣鐨?RAD 寮鍙戠幆澧冩瘨瀹崇殑涓嶆祬錛屾垜寤鴻浣犵珛鍒繪墧鎺?Visual Studio錛屾敼鐢ㄥ叾浠栬交閲忕駭鐨勭紪紼嬭璦鍜屽紑鍙戝鉤鍙幫紝榪欐牱浣犲彲浠ユ洿澶氱殑鍏蟲敞闂鐨勬湰韜紝鑰屼笉鏄帶浠躲?nbsp; <a href='http://m.tkk7.com/myqiao/archive/2010/10/17/335390.html'>闃呰鍏ㄦ枃</a><img src ="http://m.tkk7.com/myqiao/aggbug/335390.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/myqiao/" target="_blank">宸︽錘</a> 2010-10-17 23:21 <a href="http://m.tkk7.com/myqiao/archive/2010/10/17/335390.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML5杈圭帺杈瑰錛?錛夛細鍔ㄧ敾鍒濇 涔?椋炶垶鐨勭簿鐏?/title><link>http://m.tkk7.com/myqiao/archive/2010/10/08/333934.html</link><dc:creator>宸︽錘</dc:creator><author>宸︽錘</author><pubDate>Thu, 07 Oct 2010 16:14:00 GMT</pubDate><guid>http://m.tkk7.com/myqiao/archive/2010/10/08/333934.html</guid><wfw:comment>http://m.tkk7.com/myqiao/comments/333934.html</wfw:comment><comments>http://m.tkk7.com/myqiao/archive/2010/10/08/333934.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://m.tkk7.com/myqiao/comments/commentRss/333934.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/myqiao/services/trackbacks/333934.html</trackback:ping><description><![CDATA[     鎽樿: 涓銆佷負浠涔堥夋嫨 HTML5 HTML5 杈圭帺杈瑰綆椾笂榪欑瘒宸茬粡鏄涓冪瘒浜嗭紝鍦ㄨ繖綃囧紑濮嬩箣鍓嶏紝鎴戞兂鍏堣鏄庝竴涓嬩負浠涔堝彨鈥淗TML5鈥?杈圭帺杈瑰錛屽洜涓烘湁浜哄 HTML5 鎻愬嚭璐ㄧ枒錛屾瘯绔熶粬鏄竴涓柊鐢熶簨鐗┿傛垜鎵胯鎴戠敤 HTML5 鏉ュ惛寮曠溂鐞冧簡錛屽鏋滅湅榪囪竟鐜╄竟瀛︾郴鍒楃殑姣忎竴綃囷紝浣犱細鍙戠幇鍓嶅叚綃囨枃  <a href='http://m.tkk7.com/myqiao/archive/2010/10/08/333934.html'>闃呰鍏ㄦ枃</a><img src ="http://m.tkk7.com/myqiao/aggbug/333934.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/myqiao/" target="_blank">宸︽錘</a> 2010-10-08 00:14 <a href="http://m.tkk7.com/myqiao/archive/2010/10/08/333934.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML5杈圭帺杈瑰錛?錛夛細姹借濺浜猴紝鍙樺艦......http://m.tkk7.com/myqiao/archive/2010/10/05/333762.html宸︽錘宸︽錘Tue, 05 Oct 2010 04:34:00 GMThttp://m.tkk7.com/myqiao/archive/2010/10/05/333762.htmlhttp://m.tkk7.com/myqiao/comments/333762.htmlhttp://m.tkk7.com/myqiao/archive/2010/10/05/333762.html#Feedback3http://m.tkk7.com/myqiao/comments/commentRss/333762.htmlhttp://m.tkk7.com/myqiao/services/trackbacks/333762.html闃呰鍏ㄦ枃

宸︽錘 2010-10-05 12:34 鍙戣〃璇勮
]]>
HTML5杈圭帺杈瑰錛?錛夛細鍥懼儚銆佸浘妗堝拰瀛椾綋 http://m.tkk7.com/myqiao/archive/2010/10/04/333734.html宸︽錘宸︽錘Mon, 04 Oct 2010 08:45:00 GMThttp://m.tkk7.com/myqiao/archive/2010/10/04/333734.htmlhttp://m.tkk7.com/myqiao/comments/333734.htmlhttp://m.tkk7.com/myqiao/archive/2010/10/04/333734.html#Feedback0http://m.tkk7.com/myqiao/comments/commentRss/333734.htmlhttp://m.tkk7.com/myqiao/services/trackbacks/333734.html闃呰鍏ㄦ枃

宸︽錘 2010-10-04 16:45 鍙戣〃璇勮
]]>
HTML5杈圭帺杈瑰錛?錛夛細鍙樺夠鐨勮壊褰?/title><link>http://m.tkk7.com/myqiao/archive/2010/10/03/333700.html</link><dc:creator>宸︽錘</dc:creator><author>宸︽錘</author><pubDate>Sun, 03 Oct 2010 12:11:00 GMT</pubDate><guid>http://m.tkk7.com/myqiao/archive/2010/10/03/333700.html</guid><wfw:comment>http://m.tkk7.com/myqiao/comments/333700.html</wfw:comment><comments>http://m.tkk7.com/myqiao/archive/2010/10/03/333700.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/myqiao/comments/commentRss/333700.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/myqiao/services/trackbacks/333700.html</trackback:ping><description><![CDATA[     鎽樿: 娓愬彉鑹?Gradients錛氫笂涓嬫枃瀵硅薄鏈変袱涓柟娉曞彲浠ュ垱寤轟竴涓彨鍋?canvasGradient 鐨勫璞★紝騫剁敤瀹冭緗?fillStyle 鎴?strokeStyle 灞炴э紝緇樺埗鍑烘潵鐨勫浘褰㈠氨鏈夋笎鍙樻晥鏋滀簡  <a href='http://m.tkk7.com/myqiao/archive/2010/10/03/333700.html'>闃呰鍏ㄦ枃</a><img src ="http://m.tkk7.com/myqiao/aggbug/333700.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/myqiao/" target="_blank">宸︽錘</a> 2010-10-03 20:11 <a href="http://m.tkk7.com/myqiao/archive/2010/10/03/333700.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML5杈圭帺杈瑰錛?錛夛細鍍忕礌鍜岄鑹?/title><link>http://m.tkk7.com/myqiao/archive/2010/09/18/332404.html</link><dc:creator>宸︽錘</dc:creator><author>宸︽錘</author><pubDate>Sat, 18 Sep 2010 15:00:00 GMT</pubDate><guid>http://m.tkk7.com/myqiao/archive/2010/09/18/332404.html</guid><wfw:comment>http://m.tkk7.com/myqiao/comments/332404.html</wfw:comment><comments>http://m.tkk7.com/myqiao/archive/2010/09/18/332404.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/myqiao/comments/commentRss/332404.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/myqiao/services/trackbacks/332404.html</trackback:ping><description><![CDATA[     鎽樿: 鎴戜滑鍦ㄧ數鑴戝睆騫曚笂鍙互鐪嬪埌鑹插僵鏂戞枔鐨勫浘鍍忥紝鍏跺疄榪欎簺鍥懼儚閮芥槸鐢變竴涓釜鍍忕礌鐐圭粍鎴愮殑銆傞偅涔堝儚绱犳槸浠涔堬紵棰滆壊鍙堟槸浠涔堝憿錛燂紙濡傛灉鎮ㄦ彁鍑鴻繖涓や釜闂錛屾偍涓瀹氭槸涓儹鐖辨濊冪殑浜猴級涓涓儚绱犲叾瀹炲搴旂潃鍐呭瓨涓殑涓緇勮繛緇殑浜岃繘鍒朵綅  <a href='http://m.tkk7.com/myqiao/archive/2010/09/18/332404.html'>闃呰鍏ㄦ枃</a><img src ="http://m.tkk7.com/myqiao/aggbug/332404.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/myqiao/" target="_blank">宸︽錘</a> 2010-09-18 23:00 <a href="http://m.tkk7.com/myqiao/archive/2010/09/18/332404.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>HTML5杈圭帺杈瑰錛?錛夛細鍩虹緇樺浘http://m.tkk7.com/myqiao/archive/2010/09/18/332371.html宸︽錘宸︽錘Sat, 18 Sep 2010 03:32:00 GMThttp://m.tkk7.com/myqiao/archive/2010/09/18/332371.htmlhttp://m.tkk7.com/myqiao/comments/332371.htmlhttp://m.tkk7.com/myqiao/archive/2010/09/18/332371.html#Feedback3http://m.tkk7.com/myqiao/comments/commentRss/332371.htmlhttp://m.tkk7.com/myqiao/services/trackbacks/332371.html

鍦ㄥ墠涓綃囧崥瀹腑錛屾垜浠祴璇曚簡 canvas 鏍囩鐨勭敤娉曪紝騫跺緱鍒頒簡 canvas 鏍囩鐨勬覆鏌撲笂涓嬫枃瀵硅薄錛?浣嗘槸騫舵病鏈夌敤瀹冪粯鍒朵換浣曞浘褰€傚湪榪欎竴綃囦腑錛屾垜浠厛浜嗚В涓涓婬TML5緇樺浘鐨勪竴浜涘熀紜姒傚康錛岀劧鍚庡啀鏉ョ敾鍑犱釜鍥懼艦鐜╃帺銆?/p>

涓銆佸潗鏍囩郴

鍏跺疄鍙鐜╄繃涓鐐圭偣鍥懼艦緙栫▼鐨勪漢閮界煡閬擄紝鐢佃剳涓婄殑鍧愭爣緋誨拰鏁板涓婄殑鍧愭爣緋葷◢寰湁鐐逛笉鍚岋紝鍧愭爣鐨勫師鐐瑰湪緇樺埗鍖哄煙錛堣繖閲屾槸Canvas錛夌殑宸︿笂瑙掞紝X杞存鍚戞湞鍙籌紝Y杞存鍚戞湞涓嬶紝濡備笅鍥?/p>

澹版槑錛?/strong>涓烘湰鏂囦負鍘熷垱鏂囩珷錛屼綔鑰呬繚鐣欐墍鏈夋潈鍒╋紒嬈㈣繋杞澆錛岃漿杞借娉ㄦ槑浣滆?font color="#ff0000">宸︽錘鍜屽嚭澶?font color="#ff0000">鍗氬鍥?/strong>

 

浜屻丼troke 鍜?Fill

HTML5涓皢鍥懼艦鍒嗕負涓ゅぇ綾伙細

絎竴綾葷О浣?Stroke錛屾垜鐨勭悊瑙e氨鏄疆寤撱佸嬀鍕掓垨鑰呯嚎鏉★紝鎬諱箣錛屽浘褰㈡槸鐢辯嚎鏉$粍鎴愮殑錛?/p>

絎簩綾葷О浣?Fill錛屽氨鏄~鍏呭尯鍩?/p>

涓婁笅鏂囧璞′腑鏈変袱涓粯鍒剁煩褰㈢殑鏂規硶錛屽彲浠ヨ鎴戜滑寰堝ソ鐨勭悊瑙h繖涓ゅぇ綾誨浘褰㈢殑鍖哄埆錛?/p>

涓涓槸 strokeRect錛岃繕鏈変竴涓槸 fillRect

涓嬮潰鐨勪唬鐮佸垎鍒敤榪欎袱涓柟娉曟潵緇樺埗鐭╁艦錛屼綘鍙互鍒嗗埆鐐瑰嚮涓や釜鎸夐挳鏉ョ湅鐪嬫湁浠涔堜笉鍚岋紝浠庤岀悊瑙?stroke 鍜?fill 鐨勫尯鍒?/p>

璁劇疆鐢誨竷
<canvas id="test1" width="200" height="200" style=" background-color: grey">浣犵殑嫻忚鍣ㄤ笉鏀寔 &lt;canvas&gt;鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?nbsp;鎴栬?nbsp;FireFox 嫻忚鍣?/span></canvas>
<input type="button" value="strokeRect"  onclick="strokeRect();"/>
<input type="button" value="fillRect"  onclick="fillRect();"/>

 

strokeRect 鍜?fillRect
function strokeRect(){
    var canvas 
= document.getElementById('test1');
    var ctx
=canvas.getContext("2d");
    ctx.clearRect(
0,0,200,200);
    ctx.strokeStyle
="blue";
    ctx.strokeRect(
10,10,180,180);
}

function fillRect(){
    var canvas 
= document.getElementById('test1');
    var ctx
=canvas.getContext("2d");
    ctx.clearRect(
0,0,200,200);
    ctx.fillStyle
="blue";
    ctx.fillRect(
10,10,180,180);
}

 

浣犵殑嫻忚鍣ㄤ笉鏀寔 <canvas>鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?鎴栬?FireFox 嫻忚鍣?/canvas>

 

涓夈侀鑹?/strong>

涓婁笅鏂囧璞℃湁涓や釜灞炴у彲浠ョ敤鏉ヨ緗鑹詫細strokeStyle 鍜?fillStyle

strokeStyle 鐨勫煎喅瀹氫簡浣犲綋鍓嶈緇樺埗鐨勭嚎鏉$殑棰滆壊

fillStyle 鐨勫煎喅瀹氫簡浣犲綋鍓嶈濉厖鐨勫尯鍩熺殑棰滆壊

棰滆壊鍊煎簲璇ユ槸絎﹀悎CSS3 棰滆壊鍊兼爣鍑?/a>鐨勬湁鏁堝瓧絎︿覆銆備笅闈㈢殑渚嬪瓙閮借〃紺哄悓涓縐嶉鑹層?/p>

鍏充簬棰滆壊錛屼互鍚庝細鏈夋洿澶氱殑璇存槑銆?/p>

 

鍥涖佸熀鏈粯鍥?/strong>

闄や簡涓婇潰緇欏嚭鐨勪袱涓粯鍒剁煩褰㈢殑鏂規硶澶栵紝涓婁笅鏂囧璞¤繕鏈夊嚑涓柟娉曞彲浠ョ敤鏉ョ粯鍒朵竴浜涘熀鏈浘褰紝濡備笅錛?/p>

moveTo(x,y)錛歮oveTo鏂規硶騫朵笉鑳界敾鍑轟換浣曚笢瑗匡紝瀹冨彧鏄皢鐢葷瑪鐨勫綋鍓嶇偣縐誨姩鍒?x,y)澶?/p>

lineTo(x,y)錛氫粠褰撳墠鐐瑰埌錛坸,y錛夌偣緇樺埗涓鏉$洿綰褲傛敞鎰忥細緇樺埗瀹屾垚鍚庯紝褰撳墠鐐瑰氨鍙樻垚浜?x,y)錛岄櫎闈炰綘鐢?moveTo 鏂規硶鍘繪敼鍙樹粬

arc(x, y, radius, startAngle, endAngle, anticlockwise) 錛氱粯鍒朵竴鏉″姬綰?/p>

quadraticCurveTo(cp1x, cp1y, x, y)
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 錛氳繖涓や釜鏂規硶閮芥槸緇樺埗璐濆彾鏂洸綰匡紝鍏蜂綋鐢ㄦ硶鐪嬪弬鑰冩墜鍐?/p>

rect(x, y, width, height) 錛氱粯鍒朵竴涓煩褰€傛敞鎰忥細 褰撳畠琚皟鐢ㄦ椂錛宮oveTo 鏂規硶浼氳嚜鍔ㄨ璋冪敤錛屽弬鏁頒負(0,0)錛屼簬鏄搗濮嬪潗鏍囧張鎭㈠鎴愬垵濮嬪師鐐逛簡銆?

鏈変簡鐩寸嚎銆佸姬綰褲佹洸綰褲佹柟褰㈠拰鍦嗗艦榪欏嚑縐嶅熀鏈浘褰紝鎴戜滑灝卞彲浠ョ粍鍚堝嚭鏇村鏉傜殑鍥懼艦浜?/p>

 

浜斻佺悊瑙g粯鍒惰礬寰?Drawing Path

涓婁竴綃囨枃绔犱腑璇磋繃錛屾垜浠粯鍒剁殑鍥懼艦鏄厛緇樺埗鍒頒竴涓娊璞$殑涓婁笅鏂囧璞′腑錛堝叾瀹炲氨鏄唴瀛樹腑錛夛紝鐒跺悗鍐嶅皢涓婁笅鏂囧璞¤緭鍑哄埌鏄劇ず璁懼涓婏紝榪欎釜杈撳嚭鍒版樉紺鴻澶囩殑榪囩▼涓嶉渶瑕佹垜浠搷蹇冦備絾鏄湁鏃跺欐垜浠茍涓嶆兂绔嬪埢杈撳嚭姣忎竴嬈$粯鍒跺姩浣滐紝涔熻鎴戞兂璁╀竴緇勭粯鍒跺姩浣滃畬鎴愪互鍚庯紝鍐嶉泦涓竴鍧楄緭鍑猴紝 姣斿涓涓洿媯嬫鐩樻湁19×19鏉$洿綰跨粍鎴愶紝姝e父鎯呭喌涓嬮渶瑕佸悜鎯蟲樉紺鴻澶囪緭鍑?9×19嬈★紝浣嗘槸濡傛灉鎴戜滑鍏堟殏鍋滃悜鏄劇ず璁懼杈撳嚭錛岀瓑鍦ㄤ笂涓嬫枃涓紙鍐呭瓨涓級鍏ㄩ儴緇樺埗瀹屾垚19×19鏉$洿綰挎椂錛屽啀鍚戞樉紺鴻澶囪緭鍑猴紝鍙渶瑕佽緭鍑轟竴嬈″氨鍙互浜嗐?/p>

榪欑鎯呭喌鍦℉TML5涓彨鍋氱粯鍒惰礬寰勶紝瀹冪敱鍑犱釜涓婁笅鏂囧璞$殑鏂規硶緇勬垚錛?/p>

beginPath() 錛氬紑濮嬭礬寰勶紝鎰忔濆氨鏄湪浣犺皟鐢ㄨ繖涓柟娉曞悗錛屼綘緇樺埗鐨勫浘褰㈠氨涓嶄細鍐嶅悜灞忓箷杈撳嚭浜嗭紝鑰屽彧鏄敾鍒頒簡涓婁笅鏂囧璞′腑錛堝唴瀛樹腑錛?/p>

stroke() 錛氬皢浣犺皟鐢?beginPath 鏂規硶浠ュ悗緇樺埗鐨勬墍鏈夌嚎鏉★紝涓嬈℃ц緭鍑哄埌鏄劇ず璁懼涓?/p>

closePath() 錛氬鏋滀綘璋冪敤 beginPath 鏂規硶浠ュ悗錛屽湪涓婁笅鏂囧璞′腑榪涜浜嗕竴緋誨垪鐨勭粯鍒訛紝浣嗘槸寰楀埌鐨勫浘褰㈡槸涓嶉棴鍚堢殑錛岃繖涓柟娉曞皢浼氬府浣犺ˉ涓婃渶鍚庝竴鏉$洿綰匡紝灝嗕綘鐨勫浘褰㈤棴鍚堣搗鏉ャ?/p>

娉ㄦ剰錛?/span>closePath騫朵笉鍚戝睆騫曡緭鍑哄浘褰紝鑰屽彧鏄湪涓婁笅鏂囧璞′腑琛ヤ笂涓鏉$嚎錛岃繖涓楠や笉鏄繀闇鐨?/u>銆?/p>

fill() 錛?/p>

濡傛灉浣犵殑緇樺埗璺緞緇勬垚鐨勫浘褰㈡槸灝侀棴鐨勶紝榪欎釜鏂規硶灝嗙敤 fillStyle 璁劇疆鐨勯鑹插~鍏呭浘褰紝鐒跺悗绔嬪嵆鍚戝睆騫曡緭鍑猴紱

濡傛灉緇樺埗璺緞涓嶆槸灝侀棴鐨勶紝榪欎釜鏂規硶浼氬厛灝嗗浘褰㈤棴鍚堣搗鏉ワ紝鐒跺悗鍐嶅~鍏呰緭鍑恒?/p>

娉ㄦ剰錛?/strong>鎵鏈夌殑 fill 鍥懼艦錛屽 fillRect 絳夛紝閮芥槸绔嬪埢鍚戝睆騫曡緭鍑虹殑錛屼粬浠病鏈夌粯鍒惰礬寰勮繖涓蹇?/u>

 

涓嬮潰鐨勪唬鐮佸皢緇樺埗涓涓畝鍗曠殑濉厖涓夎褰€?/p>

娉ㄦ剰錛?/span>緇樺埗涓夎褰㈢殑鏃跺欙紝榛樿鐨勮儗鏅壊涓虹櫧鑹詫紝榛樿鐨勫墠鏅壊涓洪粦鑹?/u>銆?/p>

璁劇疆鐢誨竷
<canvas id="test2" width="200" height="200" style="border:1px solid #c3c3c3;">浣犵殑嫻忚鍣ㄤ笉鏀寔 &lt;canvas&gt;鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?nbsp;鎴栬?nbsp;FireFox 嫻忚鍣?/span></canvas>
<input type="button" value="鐢諱笁瑙?  onclick="drawTri();"/>
<input type="button" value="娓呴櫎"  onclick="clearTri();"/>

 

緇樺埗涓夎褰?/span>
<script type="text/javascript">
    
function drawTri(){
        var canvas 
= document.getElementById('test2');
        var ctx
=canvas.getContext("2d");
        ctx.beginPath();
        ctx.moveTo(
75,50);
        ctx.lineTo(
100,75);
        ctx.lineTo(
100,25);
        ctx.fill();
    }
    
function clearTri(){
        var canvas 
= document.getElementById('test2');
        var ctx
=canvas.getContext("2d");
        ctx.clearRect(
0,0,200,200);
    }
</script>

浣犵殑嫻忚鍣ㄤ笉鏀寔 <canvas>鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?鎴栬?FireFox 嫻忚鍣?/canvas>

 

鍏佸崐涓崟浣嶇殑鍧愭爣

榪欓噷榪樿鍥炶繃澶存潵璇磋鍧愭爣錛屼笅闈㈢殑浠g爜鏄湪鐢誨竷涓婄粯鍒剁綉鏍鹼紝鐐瑰嚮“鐢葷綉鏍?#8221;鎸夐挳鍙互鐪嬭鏁堟灉

璁劇疆鐢誨竷
<canvas id="test3" width="500" height="375" style="border:1px solid #c3c3c3;">浣犵殑嫻忚鍣ㄤ笉鏀寔 &lt;canvas&gt;鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?nbsp;鎴栬?nbsp;FireFox 嫻忚鍣?/span></canvas>
<input type="button" value="鐢葷綉鏍?  onclick="drawMap();"/>
<input type="button" value="娓呴櫎"  onclick="clearMap();"/>

 

緇樺埗緗戞牸
<script type="text/javascript">
    
function drawMap(){
        var canvas 
= document.getElementById('test3');
        var ctx
=canvas.getContext("2d");
        ctx.beginPath();
        
for (var x = 0.5; x < 500; x += 10) {
            ctx.moveTo(x, 
0);
            ctx.lineTo(x, 
375);
        }
        
for (var y = 0.5; y < 375; y += 10) {
            ctx.moveTo(
0, y);
            ctx.lineTo(
500, y);
        }
        ctx.strokeStyle 
= "#eee";
        ctx.stroke();
    }
    
function clearMap(){
        var canvas 
= document.getElementById('test3');
        var ctx
=canvas.getContext("2d");
        ctx.clearRect(
0,0,500,375);
    }
</script>

 

浣犵殑嫻忚鍣ㄤ笉鏀寔 <canvas>鏍囩錛岃浣跨敤 Chrome 嫻忚鍣?鎴栬?FireFox 嫻忚鍣?/canvas>

 

榪欐浠g爜涓紝鏈変竴澶勫鎬殑鍦版柟錛屽氨鏄潗鏍囧驚鐜槸浠?.5寮濮嬬殑錛岃繖鏄負浠涔堝憿錛?/p>

濡備笅鍥撅紝鍋囧鎴戞兂緇樺埗涓鏉′粠(1,0)鍒?1,3)鐨勭嚎錛岀敱浜庣嚎鐨勯粯璁ゅ搴︽槸涓涓儚绱狅紝鎵浠ュ湪鎴戞兂璞′腑搴旇緇樺埗鎴?strong style="color: #339966">娣辯豢鑹?/u>鐨勯儴鍒嗭紝鍗沖湪鍧愭爣 1 涓よ竟鍚勫崰鍗婁釜鍍忕礌鐨勫搴︺?/p>

鐒惰岋紝嫻忚鍣ㄧ殑鏈灝忓崟浣嶆槸涓涓儚绱狅紝鎵浠ヤ粬浼氬悜涓よ竟鎵╁睍錛屽疄闄呯粯鍒跺嚭鏉ョ殑嫻呯豢鑹?/u>鐨勯儴鍒嗭紝鍗沖崰鐢ㄤ簡涓や釜鍍忕礌鐨勫搴︺傝繖鏍鳳紝鎴戜滑緇樺埗鐨勭嚎鏉″湪鍧愭爣涓婂氨涓嶇簿紜簡

濡備笅鍥撅紝濡傛灉鎴戜滑緇欏嚭鐨勮搗濮嬪潗鏍囨槸(1.5,0)鍜?1.5,3)錛岄偅涔堢嚎鏉$殑瀹藉害鎵嶆槸姝g‘鐨勪竴涓儚绱犮?/p>

 

 

涓冦佹竻絀虹敾甯?/strong>

涓婇潰緇欏嚭鐨勪袱孌典唬鐮佷腑錛屾垜浠兘鐢ㄥ埌浜嗘竻絀虹敾甯冿紝鐢ㄥ埌鐨勬柟娉曞涓嬶細

clearRect(x,y,width,height)錛?/p>

瀹冩帴鍙楀洓涓弬鏁幫紝 x 鍜?y 鎸囧畾鐭╁艦宸︿笂瑙?鐩稿浜庡師鐐?鐨勪綅緗紝width 鍜?height 鏄煩褰㈢殑瀹藉拰楂樸傝皟鐢ㄨ鏂規硶浼氬皢緇欏嚭鐨勭煩褰㈠尯鍩熶腑鎵鏈夌粯鍒跺浘褰㈤兘娓呯┖錛岄湶鍑虹敾甯冪殑鑳屾櫙

 

澹版槑錛?/strong>涓烘湰鏂囦負鍘熷垱鏂囩珷錛屼綔鑰呬繚鐣欐墍鏈夋潈鍒╋紒嬈㈣繋杞澆錛岃漿杞借娉ㄦ槑浣滆?font color="#ff0000">宸︽錘鍜屽嚭澶?font color="#ff0000">鍗氬鍥?/strong>

//==========================================

 



宸︽錘 2010-09-18 11:32 鍙戣〃璇勮
]]>
HTML5杈圭帺杈瑰錛?錛夛細鐢誨竷http://m.tkk7.com/myqiao/archive/2010/09/17/HTML5.html宸︽錘宸︽錘Fri, 17 Sep 2010 15:45:00 GMThttp://m.tkk7.com/myqiao/archive/2010/09/17/HTML5.htmlhttp://m.tkk7.com/myqiao/comments/332343.htmlhttp://m.tkk7.com/myqiao/archive/2010/09/17/HTML5.html#Feedback2http://m.tkk7.com/myqiao/comments/commentRss/332343.htmlhttp://m.tkk7.com/myqiao/services/trackbacks/332343.html闃呰鍏ㄦ枃

宸︽錘 2010-09-17 23:45 鍙戣〃璇勮
]]>
主站蜘蛛池模板: 亚洲精品无码久久千人斩| 波多野结衣一区二区免费视频| 免费看美女裸露无档网站| 美女被免费喷白浆视频| 在线观看免费大黄网站| 亚洲高清无码综合性爱视频| 国产成人亚洲影院在线观看| 亚洲国产综合91精品麻豆| 亚洲不卡中文字幕| 亚洲日韩国产一区二区三区在线| 国产亚洲精品2021自在线| 国产在线精品一区免费香蕉| 91禁漫免费进入| 成人免费视频88| 精品国产亚洲一区二区在线观看 | 亚洲精品美女久久久久99小说| 亚洲人精品午夜射精日韩| 亚洲国产女人aaa毛片在线| 国产婷婷综合丁香亚洲欧洲| 污污的视频在线免费观看| 爱丫爱丫影院在线观看免费| 国产卡二卡三卡四卡免费网址| 国产禁女女网站免费看| 亚洲日韩精品射精日| 亚洲一区在线视频| jzzjzz免费观看大片免费| 777成影片免费观看| 免费乱码中文字幕网站| 亚洲一区中文字幕久久| 亚洲国产精品ⅴa在线观看| 免费久久人人爽人人爽av| 无人影院手机版在线观看免费| 久久精品亚洲乱码伦伦中文| 亚洲国产精品成人综合色在线婷婷| 国产亚洲视频在线播放大全| 日韩精品无码免费一区二区三区| 日本免费福利视频| 亚洲一区影音先锋色资源| 成人a毛片免费视频观看| 精品女同一区二区三区免费站 | 无码国产精品一区二区免费式直播|