Advertisement

HTML5使用Canvas技术绘制图形

阅读量:

图形绘制

canvas元素自身并不具备绘图功能。所有绘图操作均需通过JavaScript代码来实现。

具体示例如下:

(1)创建一个新的HTML文件,相关代码如下:

复制代码
 <!DOCTYPE html>

    
 <html lang="en">
    
 <head>
    
     <meta charset="UTF-8">
    
     <title></title>
    
 </head>
    
 <body>
    
  
    
     <script src="app.js"></script>
    
  
    
 </body>
    
 </html>
    
    
    
    

(2)创建一个新的JavaScript文件,具体代码实现方式如下:

复制代码
 /** * Created by chenyufeng on 15/9/27.
    
  */
    
 var CANVAS_WIDTH = 2000, CANVAS_HEIGHT = 2000;
    
 var mycanvas,context;
    
  
    
 window.onload = function(){
    
  
    
     createCanvas();
    

全部评论 (0)

还没有任何评论哟~