为什么没有显示此Canvas？
[英]Why doesn't this Canvas show up?
问题描述
谁能告诉我为什么这个画布不显示？ 我只是不明白，甚至不显示
标签。 我正在使用铬进行紧缩10。 所有其他画布均有效，但此画布无效。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="description" content="An HTML5 Test">
<meta name="author" content="William Starkovich">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//get a reference to the canvas
var ctx = $('#canvas')[0].getContext("2d");
//draw a circle
ctx.beginPath();
ctx.arc(75, 75, 10, 0, Math.PI*2, true);
ctx.closePath();
ctx.fill();
}
</script>
</head>
<body>
<canvas id="canvas" width="800px" height="100px">
<p>Your browser doesn't support canvas.</p>
</canvas>
</body>
</html>
2 个解决方案
解决方案1
3 已采纳 2011-10-24 04:01:11
问题是JavaScript代码中的语法错误。 您缺少); 在主要功能的结束}
$(document).ready(function(){
//get a reference to the canvas
var ctx = $('#canvas')[0].getContext("2d");
//draw a circle
ctx.beginPath();
ctx.arc(75, 75, 10, 0, Math.PI*2, true);
ctx.closePath();
ctx.fill();
});
解决方案2
2 2011-10-24 04:00:46
您的JavaScript语法有误：
}) // you are missing this parenthesis
</script>
除此之外，画布绝对显示出来。 加：
<canvas id="canvas" width="800px" height="100px" style="border: 1px solid black">
看到它周围的边框。
例：
为什么PHP字符串“ <>”没有显示在echo中？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.