在Microsoft中转换SVG中的元素不起作用
在Microsoft中转换SVG中的元素不起作用
提问于 2016-08-31 13:53:29
由于某些原因，Microsoft不允许对SVG中的元素进行转换。填充工作很好(因此我知道元素目标正在工作)，但是转换完全被忽略了。这是很好的铬，据我所知，应该工作在边缘也很好。
HTML：
<div class="test-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 400" xmlSpace="preserve">
<g id="Type">
<g>
<rect x="100" class="st1" id="rect1" width="100" height="100"/>
<rect x="100" y="100" class="st1" id="rect2" width="100" height="100"/>
</g>
</g>
</svg>
</div>CSS：
.test-container {
width: 100px;
}
#rect1 {
fill: blue;
transform: translate(50px);
}
#rect2 {
fill: red;
}参见这里的代码示例：http://codepen.io/dwolfand/pen/pEzQgy
有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-31 22:45:20
截至2016年8月31日，Microsoft不支持SVG元素上的CSS转换。不过，Edge团队正在考虑这一点，以供将来发布。考虑到其他浏览器的支持，status.microsoftedge.com列出了这项工作的可能性。
Stack Overflow用户
发布于 2016-08-31 22:52:32
这可能与我在D3.js库中遇到的问题有关。形状会被黑色填充，因为Edge生成的属性(没有其他浏览器)总是大写的，SVG标准不支持。检查元素并查看属性是否是超感知的；如果是，则在Edge中是已知的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39251601
复制相关文章
相似问题
腾讯云开发者
