javascript - 转换不适用于 IE 浏览器中的 SVG

标签 javascript html

我正在尝试使用 transform – translate in SVG。但是在IE浏览器中不起作用。但是,它在 Chrome 中运行良好。 这是我的代码,

<!DOCTYPE html>
<html>
<body style="border: 1px solid red">
<svg width="400" height="110" transform="translate(10, 29)">
  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</body>
</html>

谁能帮我在 IE 浏览器中解决这个问题。

最佳答案

试试这个..

<!DOCTYPE html>
<html>
	<body style="border: 1px solid red">
		<svg width="400" height="110">
			<g transform ="translate(10, 29)">
				<rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
			</g>
		</svg>
	</body>
</html>

关于javascript - 转换不适用于 IE 浏览器中的 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59005413/

相关文章:

javascript - AngularJS 过滤器无法正常工作

javascript - This.blur() 不适用于移动设备

html - 在 flex ul 中右对齐 li

javascript - 我怎样才能在javascript中的公式选项中放置一个变量

javascript - 在嵌套对象中查找任何错误值的更好的 vanilla JS 方法?

javascript - 仅当先前的事件处理完成时才运行事件处理程序

javascript - Ionic ng-hide/ng-show 滚动问题

html - 如何让搜索框和搜索图标粘在一起

javascript - Firebase 身份验证成功但返回空用户 (Web)

html - 将后退箭头与下拉菜单对齐的问题