小编Pat*_*ick的帖子

如何调整画布大小以适合浏览器窗口?

您好 :) 我目前正在尝试在有人调整浏览器窗口大小时调整我的画布大小。到目前为止,这是我的代码:

html:

 <html>
 <head>
  <meta charset="UTF-8">
 <script language="javascript" type="text/javascript" src="libraries/p5.js">
 </script>
<script language="javascript" src="libraries/p5.dom.js"></script>
<script language="javascript" type="text/javascript" src="sketch.js">
 </script>
 <script language="javascript" type="text/javascript" src="blob.js">
 </script>
 <title>USGame</title>
 <style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        border: 0;
        overflow: hidden; /*  Disable scrollbars */
        display: block;  /* No floating content on sides */
    }
</style>
</head>

<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是我的 js 文件:

  var blob;

 var blobs = [];
 var zoom = 1;

function setup() {
 createCanvas(1500, 600);
blob = …
Run Code Online (Sandbox Code Playgroud)

javascript canvas html5-canvas

4
推荐指数
1
解决办法
4523
查看次数

标签 统计

canvas ×1

html5-canvas ×1

javascript ×1