html5中怎么根据内容高低来调整画布大小

Posted 2023-03-01

参考技术A 可以用JS监控屏幕大小，然后调整Canvas的大小。在代码中加入JS

$(window).resize(resizeCanvas);
function resizeCanvas()
canvas.attr("width", $(window).get(0).innerWidth);
canvas.attr("height", $(window).get(0).innerHeight);
context.fillRect(0, 0, canvas.width(), canvas.height());
;
resizeCanvas();

就可以了。

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。 参考技术B css height: auto;