Question

我想在网页上绘制图表。我打算使用SVG。我需要全屏绘制图表。因此，我使用 availHeight 和 availWidth 来查找客户端屏幕的高度和宽度，并计划相应地进行缩放。

现在我的屏幕分辨率为1920 * 1080。

为了测试，我画了一行如下

<svg height="500" width="1920">
    <line x1="0" y1="50" x2="1900" y2="50" style="stroke:rgb(255,0,0);" />
</svg>

我的问题是在Chrome中，线条溢出屏幕并显示滚动条但在Firefox中，它在屏幕上正确显示我需要在两个浏览器上都有一致的输出。

请帮帮我

Answer 1

为什么你不把它作为SVG响应？我会制作一个容器div并使svg响应。