Javascript Can';不要在我的HTML5画布上画画
我已经创建了画布,但无法在上面画线。这是我用JavaScript写的。一切正常,但线路无法显示Javascript Can';不要在我的HTML5画布上画画,javascript,html,canvas,Javascript,Html,Canvas,我已经创建了画布,但无法在上面画线。这是我用JavaScript写的。一切正常,但线路无法显示 <canvas id="gameCanvas" width="600" height="600"> Sorry, your browser does not support the canvas tag. </canvas> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></scri
<canvas id="gameCanvas" width="600" height="600">
Sorry, your browser does not support the canvas tag.
</canvas>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script language="javascript" type="text/javascript">
var c = document.getElementById("gameCanvas");
var ctx = c.getContext("2d);
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.lineTo(600,100);
ctx.stroke();
</script>
很抱歉,您的浏览器不支持画布标记。
var c=document.getElementById(“gameCanvas”);
var ctx=c.getContext(“2d);
ctx.fillStyle=“#FF0000”;
ctx.fillRect(0,0150,75);
ctx.beginPath();
ctx.moveTo(01100);
ctx.lineTo(600100);
ctx.stroke();
当我打开JavaScript控制台时,您的脚本显示以下错误:
SyntaxError: unterminated string literal
var ctx = c.getContext("2d);
你能找出丢失的“
?:)
一般来说,像Chrome开发工具或Firebug。只有几个小错误(缺少引号):
很抱歉,您的浏览器不支持画布标记。
var c=document.getElementById(“gameCanvas”);
var ctx=c.getContext(“2d”);
ctx.fillStyle=“#FF0000”;
//ctx.fillRect(0,0150,75);
ctx.beginPath();
ctx.moveTo(01100);
ctx.lineTo(600100);
ctx.stroke();
请添加其余的js和html。JavaScript控制台告诉您什么?您是否有任何错误?不确定这是在上面的示例中还是在实际代码中,但键入了var ctx=c.getContext(“2d”);
(缺少结尾)。如果你能解决这个问题的话,这似乎是可行的哦,天哪,哈哈,谢谢。我从来没有仔细看过有拼写错误的问题,因为答案应该被标记为这样。不要代表农场获取积分。@j08691公平积分。我很犹豫,认为这只是一个打印错误的问题,因为故障本身的根本原因是未能正确调试JavaScript应用程序。如果你能告诉我一些很好的Stackoverflow指南/元资源来支持结束意见,我很高兴参加结束投票。我个人认为Stackoverflow中的回答过程如下:1)一个用户提出了一个问题,2)问题解决方案的制定过程可能涉及进一步细化/编辑原始问题,3)如果一切顺利,用户可以得到问题的解决方案(并鼓励用户标记首选答案),4)如果社区发现某个特定问题/答案在更一般意义上有用,我倾向于认为,给出答案是很重要的,即使答案非常主观,因为使用SO解决问题的每一次积极体验都与该网站未来的潜在使用密切相关。激进的关闭/关闭投票只会阻止胆小的用户一开始就提问。对我来说,关闭/关闭投票的问题不在于法案本身,而在于这样做我们没有一种正式的方式来验证用户是否已经解决了一个特定的问题。相比之下,当用户选择“首选答案”时,我可以看到他承认问题已经解决。但正如所说的,我很高兴在meta上进一步讨论这个问题,并在提供相关资源的情况下,改变我的观点。
<canvas id="gameCanvas" width="600" height="600" style="border:1px solid #000000">
Sorry, your browser does not support the canvas tag.
</canvas>
<script type="text/javascript">
var c = document.getElementById("gameCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
//ctx.fillRect(0,0,150,75);
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.lineTo(600,100);
ctx.stroke();
</script>