Javascript 如果大小太大，画布将无法执行填充_Javascript_Html_Canvas_Fill

Javascript 如果大小太大，画布将无法执行填充

javascript html canvas

Javascript 如果大小太大，画布将无法执行填充,javascript,html,canvas,fill,Javascript,Html,Canvas,Fill,在我用HTML将画布设置为特定大小（例如800x600）后，脚本将不会为我填充，但如果我将其设置为150x150，它将填充。为什么会这样？能修好吗？任何帮助都将不胜感激 HTML: 800x600相对较小，所有支持画布的合理浏览器都应该支持它。4倍大小的画布应该有效。您使用的浏览器/操作系统是什么？适用于我，但不适用于我。我认为画布元素有一个有限的像素或大小限制，对于不同的设备和计算机可能不同？我认为这是我的答案： <!DOCTYPE html> <html> &

在我用HTML将画布设置为特定大小（例如800x600）后，脚本将不会为我填充，但如果我将其设置为150x150，它将填充。为什么会这样？能修好吗？任何帮助都将不胜感激

HTML:

800x600相对较小，所有支持画布的合理浏览器都应该支持它。4倍大小的画布应该有效。您使用的浏览器/操作系统是什么？

适用于我，但不适用于我。我认为画布元素有一个有限的像素或大小限制，对于不同的设备和计算机可能不同？我认为这是我的答案：

<!DOCTYPE html>
<html>
    <head>
        <title>Let's Draw!</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body onload="drawShape();">
        <canvas id="my_canvas" width="800" height="600">
            This text is displayed if your browser does not support HTML5 Canvas.
        </canvas>
    </body>
</html>

function drawShape(){
    var canvas = document.getElementById('my_canvas');

    if (canvas.getContext){

        var ctx = canvas.getContext('2d');  // ctx = context

        ctx.fillStyle = "red";

        // Filled triangle
        ctx.beginPath();
        ctx.moveTo(25,25);
        ctx.lineTo(105,25);
        ctx.lineTo(25,105);
        ctx.fill();

        // Stroked triangle
        ctx.beginPath();
        ctx.moveTo(125,125);
        ctx.lineTo(125,45);
        ctx.lineTo(45,125);
        ctx.closePath();
        ctx.stroke();

    } else {
        alert('You need Safari or Firefox 1.5+ to see this demo.');
    }
}