奇怪的画布问题

时间:2014-12-09 21:52:01

标签: javascript canvas

我在使用canvas标签时面临一个非常奇怪的问题。 根据大小,绘图失败。 这个真正基本的代码可以工作,但是如果我将高度设置为165,则绘图失败。 谢谢你的帮助。

<canvas id="screen" width="400" height="164" style="border:1px solid #000000;">
        Incompatible navigator
</canvas>
<script type="text/javascript" charset="utf-8">
    window.onload = function () {
        var canvas = document.getElementById("screen");
        var ctx = canvas.getContext('2d');
        var width = canvas.width;
        var height = canvas.height;
        var screen = {
                width: canvas.width,
                height: canvas.height,
                clear: function (ctx) {
                    ctx.fillStyle = "#FF00FF";
                    ctx.fillRect(0, 0, this.width, this.height);
                }
        };
        screen.clear(ctx);
    };
</script>

0 个答案:

没有答案