用于 SVG 和 angular 的 IE 10 的奇怪问题
Weird Issue with IE 10 for SVG and angular
上周我遇到了一个奇怪的问题。我的其中一个应用程序使用了 SVG 进行渲染。这些东西在 Chrome、Safari 和 Mozilla 上运行良好。
浏览器的输出如下图所示:![Chrome,Safari 和 Mozilla 输出][1]
现在我使用了 SVG 并为属性 "d" 的文本路径提供了与开放论坛中提到的相同的 ID(如何使用 svg 创建弧线)。
现在当我在 IE 上 运行 相同的代码。输出真的很奇怪。我的文字没有走弧形路径。
我正在为这个项目使用 angular。
IE 的输出:
![IE 输出][2]
请帮我看看为什么会出现这个问题。我尝试了很多博客,但 none 工作。主要是几何精度。
其余的是:
SVG is not rendering in IE 10 with Doctype HTML 4
SVG is not rendering in IE 10 with Doctype HTML 4
终于找到答案了
实际上在 IE 中我使用了 getComputedTextLength() 作为文本。在此之前,我提到了字体大小和文本。但是忘记提及字体家族。
现在我的宽度对于所有字体都返回相同,因为即使我改变它正在考虑 Arial。其他浏览器根据字体采用此长度。但是 IE 我们还需要提供字体类型。这样就解决了
上周我遇到了一个奇怪的问题。我的其中一个应用程序使用了 SVG 进行渲染。这些东西在 Chrome、Safari 和 Mozilla 上运行良好。
浏览器的输出如下图所示:![Chrome,Safari 和 Mozilla 输出][1]
现在我使用了 SVG 并为属性 "d" 的文本路径提供了与开放论坛中提到的相同的 ID(如何使用 svg 创建弧线)。
现在当我在 IE 上 运行 相同的代码。输出真的很奇怪。我的文字没有走弧形路径。 我正在为这个项目使用 angular。 IE 的输出: ![IE 输出][2]
请帮我看看为什么会出现这个问题。我尝试了很多博客,但 none 工作。主要是几何精度。 其余的是: SVG is not rendering in IE 10 with Doctype HTML 4 SVG is not rendering in IE 10 with Doctype HTML 4
终于找到答案了
实际上在 IE 中我使用了 getComputedTextLength() 作为文本。在此之前,我提到了字体大小和文本。但是忘记提及字体家族。
现在我的宽度对于所有字体都返回相同,因为即使我改变它正在考虑 Arial。其他浏览器根据字体采用此长度。但是 IE 我们还需要提供字体类型。这样就解决了