Óà HTML Canvas ´´½¨Ò»¸öͼƬä¯ÀÀÆ÷
ÑÕ ÁÖ
, Èí¼þ¹¤³Ìʦ, IBM
2009 Äê 12 ÔÂ 10 ÈÕ
HTML
5 ÒýÈëÁËеĵÄÍøÒ³ÔªËØ£º<canvas>¡£Canvas ÊÇһƬ¿Õ°×µÄ»æÍ¼ÇøÓò£¬ÍøÒ³¿ª·¢Õß¿ÉÒÔÀûÓà JavaScript
ÔÚ¸ÃÇøÓòÖÐ×ÔÓɵؽøÐÐ 2D »æÍ¼¡£Canvas ¿ÉÒÔÓÃÓÚäÖȾ»ªÀöµÄÍøÒ³Éè¼Æ½çÃæ¡£±¾ÎÄͨ¹ýÒ»¸öÏêϸµÄʵÀýÀ´ËµÃ÷ÈçºÎÓà Canvas
À´ÖÆ×÷Ò»¸öͼƬµÄä¯ÀÀÆ÷¡£×îÖÕµÄЧ¹û¿ÉÒÔ´ïµ½ Flash ³ÌÐòµÄЧ¹û¡£Í¨¹ý±¾ÎÄ£¬¶ÁÕß¿ÉÒÔÁ˽âÈçºÎʹÓà Canvas
µÄ¸÷ÖÖº¯ÊýÒÔ¼°ÈçºÎÓëÓû§Ê¼þ½øÐн»»¥£¬Êʺ϶ÁÕßΪ Web Éè¼ÆºÍ¼Ü¹¹Ê¦¡£
HTML Canvas ½éÉÜ
HTML5
ÊÇĿǰÕýÔÚÌÖÂÛµÄÐÂÒ»´ú HTML ±ê×¼£¬Ëü´ú±íÁËÏÖÔÚ Web ÁìÓòµÄ×îеķ¢Õ¹·½Ïò¡£ÔÚ HTML5
±ê×¼ÖУ¬¼ÓÈëÁËеĶàÑùµÄÄÚÈÝÃèÊö±êÇ©£¬Ö±½ÓÖ§³Ö±íµ¥ÑéÖ¤£¬ÊÓÆµºÍÒôƵ±êÇ©£¬ÍøÒ³ÔªËصÄÍÏ×§£¬ÀëÏß´æ´¢£¬¹¤×÷Ï̵߳ȵȡ£µ±È»£¬ÆäÖÐÒ»¸ö×îÁîÈ˼¤¶¯µÄÐÂÌØÐÔ
¾ÍÊÇеıêÇ©ÀàÐÍ Canvas£¬¿ª·¢ÈËÔ±¿ÉÒÔͨ¹ý¸Ã±êÇ©£¬ÔÚÍøÒ³ÉÏÖ±½ÓÓýű¾½øÐлæÍ¼£¬²úÉú¸÷ÖÖ 2D äÖȾµÄЧ¹û¡£ËùÒÔÓÐÈËÔ¤ÑÔ£¬HTML5 ½«ÊÇ
Flash ºÍ Silverlight µÄ“ɱÊÖ”¡£´Ó Firefox 1.5 ¿ªÊ¼¾ÍÒѾ֧³Ö Canvas£¬Safari Ò²ÊǺÜÔç¾Í¿ªÊ¼Ö§³Ö
Canvas¡£ÐµÄä¯ÀÀÆ÷±ÈÈç Chrome Ò²ÊÇ´ÓÒ»¿ªÊ¼¾ÍÖ§³Ö¡£µ«Òź¶µÄÊÇ£¬µ½Ä¿Ç°ÎªÖ¹£¬IE Ò»Ö±²»Ö§³Ö¸Ã±ê×¼¡£
ÏÂÃæÄÚÈÝ
½«Í¨¹ýÈçºÎÓà Canvas À´ÖÆ×÷Ò»¸öͼƬä¯ÀÀÆ÷µÄ¾ßÌåʵÀý£¬À´ËµÃ÷ Canvas µÄ¸÷ÖÖ API£¬ÈçºÎʹÓÃÕâЩ API
ÒÔ¼°ÈçºÎÓ¦Óõ½¹¤³ÌÖÐÈ¥¡£±¾ÎĽ«Ê×ÏȽéÉÜÈçºÎ´´½¨Í¼Æ¬ä¯ÀÀÆ÷µÄÍøÒ³ºÍ JavaScript À࣬½éÉÜÕûÌå½çÃæµÄÉè¼Æ£¬È»ºó½éÉÜÈçºÎÓà Canvas
µÄ API À´»æÖÆ 2D ͼÐΣ¬È»ºó½éÉÜÈçºÎÔÚ Canvas ÉϼÓÔØºÍ»æÖÆÍ¼Ïñ£¬½ÓÏÂÀ´±¾Àý»áÔÚͼƬä¯ÀÀÆ÷ÖмÓÈëÆäËû»ùÓÚ Canvas
µÄЧ¹û£¬×îºóÊÇ×ܽáºÍÕ¹Íû¡£
»ØÒ³Ê×
´´½¨Í¼Æ¬ä¯ÀÀÆ÷¿ò¼Ü
´´½¨Îļþ
Ê×ÏÈÎÒÃÇ´´½¨Ò»¸öÐ嵀 html Îļþ thumbnail.html£¬¼ÓÈëÈçÇåµ¥ 1 ËùʾµÄÄÚÈÝ£º
Çåµ¥ 1.thumbnail.html
<!DOCTYPE HTML>
<html>
<head>
<title>Canvas Based Thumbnail</title>
<style type="text/css">
body {
background: black;
color: white;
font: 24pt Baskerville, Times, Times New Roman, serif;
padding: 0;
margin: 0;
overflow: hidden;
}
</style>
<script type="text/javascript" src="thumbnail.js"></script>
</head>
Ïà¹ØÎĵµ£º
³£ÓÃÑÕÉ«´úÂë
#000000
#2F0000
#600030
#460046
#28004D
#272727
#4D0000
#820041
#5E005E
#3A006F
#3C3C3C
#600000
#9F0050
#750075
#4B0091
#4F4F4F
#750 ......
http://www.w3school.com.cn/htmldom/met_table_deleterow.asp
¶¨ÒåºÍÓ÷¨
deleteRow() ·½·¨ÓÃÓÚ´Ó±í¸ñɾ³ýÖ¸¶¨Î»ÖõÄÐС£
Óï·¨
tableObject.deleteRow(index)
˵Ã÷
²ÎÊý index Ö¸¶¨ÁËҪɾ³ýµÄÐÐÔÚ±íÖеÄλÖá£ÐеıàÂë˳Ðò¾ÍÊÇËûÃÇÔÚÎĵµÔ´´úÂëÖгöÏÖµÄ˳Ðò¡£<thead> ºÍ <tfoot> ÖеÄÐÐÓë±íÖÐÆäËüÐÐÒ»Æð ......
<body>
<iframe name="pic" src=""; width="400" height="300" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
<p>
<a href="www.163.com" mce_href="www.163.com" target="pic">ÍøÒ×</a>
<a href="www.sina.com.cn" mce_href="www.sina.com.cn" ......
Èç¹ûÓÃwebbrowserµÄdocumentÈ¥»ñÈ¡IFrameÕâ¸ö¶ÔÏó£¬ËæºóÒ»¶¨»áµÃµ½accessdeniedµÄ´íÎó£¬ÎªÊ²Ã´£¿
ÕÒÁËһϣ¬¾Ý˵ÊDz»ÄÜ¿çÓò·ÃÎÊ...
ÖÕÓÚÓÐÒ»Ì죬ÊÔÁËһϣ¬ÔÚOnDocumentCompleteʼþÀïÃæ·µ»ØµÄdispatch¾ÍÊÇiframeµÄIHTMLWindow2¶ÔÏó£¬ÔÚÄÇÀï¿ÉÒÔ²Ù×÷ËùÓеĶÔÏó£¬È»ºó£¬ÄãÏë×öʲô¾ÍËæÄãÁË£¬²»ÖªµÀÈç¹ûÕâ¸öʱºò±£´æÁËÕâ¸öI ......
ת×Ôhttp://www.cnblogs.com/jujusharp/archive/2009/12/20/10-Rare-Html-Tag-You-Should-Know.html
ÀïÃæÓÐЩ±ê¼Ç,»¹ÕæÊÇûÓùý,×Ô¼ºÒ²¼ÇÒ»ÏÂÁË.
ÔÎĵØÖ·:http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/
Èç½ñ,Web¿ª·¢¹¤³ÌʦÔÚѧϰºÍ¹¤×÷ÖÐÍ ......