嵌套svg忽略Chrome和Opera中的转换
nested svg ignores transformation in Chrome and Opera
我经历了一些我称之为bug的事情。我有以下2个svg:
<svg height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg" id="SvgjsSvg1004">
<defs id="SvgjsDefs1005"></defs>
<g transform="matrix(2,0,0,2,50,50)" id="SvgjsG1011">
<rect height="50" width="50" id="SvgjsRect1012"></rect>
</g>
</svg>
<svg height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg" id="SvgjsSvg1004">
<defs id="SvgjsDefs1005"></defs>
<svg transform="matrix(2,0,0,2,50,50)" style="overflow: visible;" id="SvgjsSvg1011">
<rect height="50" width="50" id="SvgjsRect1012"></rect>
</svg>
</svg>
在firefox中,这两个片段看起来是一样的(和预期的一样)。两者之间的唯一区别是第二个使用嵌套svg而不是组。
当您在chrome或opera中查看此示例时,您将看到,嵌套svg上的转换完全被忽略。
有人能解释这种行为吗?
根据http://www.w3.org/TR/SVG/struct.html#SVGElement, SVGSVGElement不允许转换
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- 如何在Javascript中将JSon对象转换为数组
- 使用JS将数组转换为json对象
- 如何使用json将对象列表从java转换为javascript
- 偶尔结结巴巴地说“;堆叠的”;translate()上的转换(v4.0.0-alpha40)
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- 在Javascript中转换对象数组
- 将数字转换为一定数量的硬币
- 将纯文本URL转换为可单击链接
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 如何使用js将SNAPSHOT内部版本号转换为3位数的整数
- 如何将TypeScript对象转换为普通对象
- 检测个位数整数时正在转换毫秒
- 从javascript到jquery的转换
- 仅在 Opera 中出现 JS 错误 - 无法将 x 转换为对象
- opera和ie的css转换的javascript访问
- 嵌套svg忽略Chrome和Opera中的转换
- Chrome, Firefox和Opera的CSS转换问题,但IE没有
- ASCII到文本转换不同的Chrome浏览器比Safari或Opera
- javascript将所有浏览器(IE、Firefox、Opera、Google chrome)的enterkey转换为