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

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 评论