画布在IE10中无法正确显示，最大宽度：100％

Question

CSS：

canvas {
    max-width: 100%;
    }

HTML：

<canvas id="Spades" width="240" height="320" style="background-color:white;border-radius:10px">

以上css在IE10中不起作用，高度被替换为i供应的宽度。 任何帮助都是适当的

Answer 1

您是否尝试将画布调整为整页尺寸？

您的最大宽度仅用于定义画布的理论最大宽度，而不是用于调整画布的大小。

总之...

不要使用CSS来调整画布大小，因为画布图形会失真。这是因为浏览器通过“拉伸”现有画布像素来响应css画布调整大小。

相反，通过设置canvas元素本身的宽度来调整javascript大小。

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