高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

html5Canvas如何自适应屏幕大小

可以用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();

就可以了。

标签只是图形容器,您必须使用脚本来绘制图形。

猜你喜欢