Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 画布元素在IE10中被挤压_Javascript_Html_Css_Canvas_Createjs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 画布元素在IE10中被挤压

Javascript 画布元素在IE10中被挤压

javascript html css canvas

Javascript 画布元素在IE10中被挤压,javascript,html,css,canvas,createjs,Javascript,Html,Css,Canvas,Createjs,“我的画布”元素在Internet Explorer 9和10中扭曲，其高度为应有高度的一半。 画布应该是一个带有大红色圆圈的响应性640x480长方体，而不是长方形椭圆。我希望它需要一个css规范修复，但我不清楚css或javascript修复会是什么 在ie10和ie9中，它如下所示： chrome、firefox、safari和ie11中的代码和正确显示如下： 这是一个项目的向后兼容性要求，因此希望访问者不使用ie10不是一个选项 我在谷歌搜索结果中看到了用height:100%替换h

“我的画布”元素在Internet Explorer 9和10中扭曲，其高度为应有高度的一半。
画布应该是一个带有大红色圆圈的响应性640x480长方体，而不是长方形椭圆。我希望它需要一个css规范修复，但我不清楚css或javascript修复会是什么

在ie10和ie9中，它如下所示：

chrome、firefox、safari和ie11中的代码和正确显示如下：

这是一个项目的向后兼容性要求，因此希望访问者不使用ie10不是一个选项

我在谷歌搜索结果中看到了用
height:100%
替换
height:auto
的解决方案，但它在我关注的页面上不起作用。 我发现这是一个针对
-ms高对比度
的媒体查询黑客，它适用于扭曲的画布显示。它不提供平滑的缩放，但可以正确显示画布元素

下面是一个小提琴的例子：

在fiddle示例中，可以在css的底部看到媒体查询黑客，他们读到如下内容：


 @media (-ms-high-contrast: active) and (min-width: 100px), 
        (-ms-high-contrast: none) and (min-width: 100px)



jsbin链接应该显示代码，但这里使用的是相同的设置：replace height:auto；身高：100%；