视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > Html5技术 >

[HTML5]HTML5之Canvas绘制正方式范例

时间:2017-10-16 14:53酷播
[HTML5]HTML5之Canvas绘制正方式范例

[HTML5]HTML5之Canvas绘制正方式范例

  1. <!doctype html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="UTF-8"> 
  5.     </head> 
  6.     <style type="text/css"> 
  7.         canvas{border:dashed 2px #CCC} 
  8.     </style> 
  9.     <script type="text/javascript"> 
  10.         function $$(id){ 
  11.             return document.getElementById(id); 
  12.         } 
  13.         function pageLoad(){ 
  14.             var can = $$('can'); 
  15.             var cancans = can.getContext('2d'); 
  16.             cans.fillStyle = 'yellow'; 
  17.             cans.fillRect(30,30,340,240); 
  18.         } 
  19.     </script> 
  20.     <body onload="pageLoad();"> 
  21.         <canvas id="can" width="400px" height="300px">4</canvas> 
  22.     </body> 
  23. </html> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器