html 写在画布全尺寸上的javscript

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 写在画布全尺寸上的javscript相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<script>
    var canvas = document.createElement('canvas');
    canvas.id = "mycanvas";
    canvas.width  = window.innerWidth;
    canvas.height = window.innerHeight;
    canvas.style.zIndex   = 8;
    canvas.style.position = "absolute";
    document.body.appendChild(canvas);
    var ctx = canvas.getContext("2d");
    ctx.lineWidth = 5;
    ctx.beginPath();
    ctx.strokeStyle = "#FF0000";
    for(var pos = 0;pos<30000;pos+=8) ctx.lineTo(pos,pos);
    ctx.stroke();
</script>
</body>
</html>

以上是关于html 写在画布全尺寸上的javscript的主要内容，如果未能解决你的问题，请参考以下文章

在较小的屏幕尺寸上，在 HTML 画布上呈现的图像质量很差

如果 Android (Cordova) 上的尺寸超过 256 像素，画布会闪烁

HTML 画布全屏

HTML5 画布大小和分辨率

HTML宽度属性和CSS宽度属性（画布）之间的区别？ [复制]

java 和 libGDX / LWJGL 游戏全屏尺寸错误，适用于 Ubuntu 上的多个显示器