如何获 canvas 的大小

你可以使用`canvas.getWidth()`和`canvas.getHeight()`方法来获取画布的宽高，这两个方法都返回一个`int`类型的值，分别代表画布的宽度和高度。例如，以下代码可以获取画布的大小：

int width = canvas.getWidth();
int height = canvas.getHeight();

注意，这两个方法只能在绘制时调用，如果在绘制前或绘制后调用，将会抛出异常。

相关问题

设置canvas内容大小

canvas 元素的大小和绘图表面的大小并不一定相同。canvas 元素的大小可以通过 CSS 或 HTML 属性来设置，但是绘图表面的大小通常是根据 canvas 元素的宽高属性来自动设置的。如果要更改绘图表面的大小，可以使用 canvas 元素的 `getContext()` 方法来获取绘图上下文，然后使用该上下文的 `canvas.width` 和 `canvas.height` 属性来设置绘图表面的大小。例如：

let canvas = document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
ctx.canvas.width = 800;
ctx.canvas.height = 600;

上述代码将设置 canvas 元素的宽为 800 像素，高为 600 像素，并将绘图表面的大小设置为相同的值。注意，这会清空画布上的所有内容，因此在更改绘图表面大小之前，应该保存所有需要保留的内容。

canvas自适应屏幕大小

要让Canvas自适应屏幕大小，你可以使用以下步骤：

1. 获取屏幕的宽度和高度。你可以使用JavaScript的`window.innerWidth`和`window.innerHeight`属性来获取屏幕的宽度和高度。

2. 获取到Canvas元素。使用`document.getElementById()`方法获取到你的Canvas元素，或者通过其他方式获取到Canvas的引用。

3. 设置Canvas的宽度和高度。将Canvas的宽度和高度设置为屏幕的宽度和高度。

   var canvas = document.getElementById("myCanvas");
   canvas.width = window.innerWidth;
   canvas.height = window.innerHeight;

4. 处理窗口大小改变的情况。当窗口大小改变时，你需要更新Canvas的宽度和高度。可以使用`window.onresize`事件监听窗口大小改变的事件，并在事件处理函数中更新Canvas的宽度和高度。

   window.onresize = function() {
     canvas.width = window.innerWidth;
     canvas.height = window.innerHeight;
   }

这样就可以实现Canvas自适应屏幕大小了。请注意，以上代码仅为示例，具体实现可能需要根据你的应用程序进行适当调整。