当我将其作为html文档打开时,浏览器显示白屏。 所有的html跳棋都没有帮助我尝试了他们所说的内容并且它没有用。我可能只是理解它错了。
<script type="text/javascript">
window.addeEventListener('load', eventWindowLoaded, false);
function eventWindowLoaded() {
canvasApp();
}
function canvasApp(){
var theCanvas = document.getElementById('my_first_canvas');
var my_canvas = theCanvas.getContext('2d');
my_canvas.strokeRect(0,0,200,225)
my_canvas.beginPath();
my_canvas.arc(100, 100, 75, (Math.PI/180)*0, (Math.PI/180)*360, false);
my_canvas.strokeStyle = "black";
my_canvas.lineWidth = 3;
my_canvas.fillStyle = "yellow";
my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();
my_canvas.fillStyle = "black";
my_canvas.beginPath();
my_canvas.arc(65, 70, 10, (Math.PI/180)*0, (Math.PI/180)*360, false);
my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();
my_canvas.beginPath();
my_canvas.arc(135, 70, 10, (Math.PI/180)*0, (Math.PI/180)*360, false);
my_canvas.stroke();
my_canvas.fill();
my_canvas.closePath();
my_canvas.lineWidth = 6;
my_canvas.beginPath();
my_canvas.arc(99, 120, 35, (Math.PI/180)*0, (Math.PI/180)*-180, false);
my_canvas.stroke();
my_canvas.closePath();
my_canvas.fillStyle = "black";
my_canvas.font = '20px _sans';
my_canvas.fillText ("Hello Canvas!", 45, 200);
}
</script>
我正试着用画布做个笑脸。
答案 0 :(得分:0)
可能你的函数名称拼写正确。例如,<svg>
<text x="50" y="50 55 50">1<tspan fill="red">2</tspan>3</text>
</svg>
实际上是document.getelementbyid
。并且有很多这样的错误。
尝试使用浏览器控制台来检测它们。