为什么我的不显示效果，求解答下，谢谢了

jike_4072073 ⋅ HTML5 Canvas 标签... ⋅ 最后由番茄_jk 于2015年12月29日回复

1 解决
1.1k 浏览

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Canvas</title>
<!--<style>
        .canvas{
            background-color: aqua;
        }


    </style>-->
<script src= app.js></script>
</head>
<body>
<!--<canvas class="canvas" width="200" height="200"></canvas>-->
</body>
</html>

js部分————————————————————————————

/**
 * Created by 59251 on 2015-12-28.
 */


var CANVAS_WIDTH=200, CANVAS_HEIGHT=200;
var mycanvas, context;
window.onload=function(){
createCanvas();
drawRect();
}

function createCanvas(){
document.body.innerHTML="<canvas id="mycanvas" WIDTH=""+CANVAS_WIDTH+"" HEIGHT=""+CANVAS_HEIGHT+""></canvas>";
mycanvas.document.getElementById("mycanvas");
context=mycanvas.getContext("2d");

}
function drawRect(){

                				
					
					    
						    
						
											
					
						
                            番茄_jk
                            2015年12月29日 回答
                            #1楼
                            
						 拼接的时候里面要用单引号，或者前面加斜杠转义
document.body.innerHTML="<canvas id='mycanvas' WIDTH='"+CANVAS_WIDTH+"' HEIGHT='"+CANVAS_HEIGHT+"' style='background-color:aqua;'></canvas>";
						
                                                                                        0
                            							 评论

每页显示

15

为什么我的不显示效果，求解答下，谢谢了

所属课程