Question

我有一个用canvas初始化的width:100%但后来画布宽度增加了。所以画布的宽度超过<body>的宽度，我想要换行<body>内的画布。如何实现？

我尝试使用Jquery wrap，例如j$("body").wrap("<canvas>")，但它会创建一个新的canvas并包裹身体。

请帮忙！

Answer 1

您在画布中绘制的元素的尺寸应全部相对于画布高度/宽度。

例如，这里画布总是方形，画布线是对角线。

var canvas = document.getElementById('my-canvas');
canvas.height = canvas.width;

if (canvas.getContext) {
    var context = canvas.getContext('2d');
    context.lineWidth = 10;

    context.beginPath();
    context.moveTo(0, 0);
    context.lineTo(canvas.height, canvas.width);
    context.stroke();
}

所以没有固定的尺寸。

如果我们知道你在画什么，那就更容易了。

将html5画布包裹在里面

1 个答案: