当前位置: 首页 > 知识库问答 >
问题:

Internet Explorer 10不尊重SVG文本主导基线属性?

胡霖
2023-03-14

以下SVG文件:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="400" height="400">
    <g transform="translate(200, 200)">
        <text text-anchor="middle" dominant-baseline="text-after-edge">Why don't I move?</text>
    </g>
</svg>

如果我将textdominan-baseline属性更改为text-before-edge,则在Internet Explorer10.0中呈现完全相同的结果。

在Chrome38.0中,它会像我预期的那样移动。

本演示页面旨在说明所有不同的显性基线设置。它在Chrome中也能工作,但在IE中所有的文本块都显示在相同的Y位置。

然而,这个Microsoft文档使它看起来就连IE 9也支持该属性。

是我的SVG文件(和演示文件)有什么其他的无效的东西使IE阻塞,还是我需要用我的布局手动做这件事?

我正在生成以绝对坐标布局的文件,所以如果我需要停止使用这个baseline属性而自己进行偏移,这并不是一个很大的问题。

共有1个答案

林波鸿
2023-03-14

根据此Microsoft文档,Internet Explorer 9、10、11和Edge(测试版)不支持显性基线。您的唯一选择是使用dy手动垂直定位。

 类似资料:
  • 我使用一个很小的SVG坐标系。整个屏幕可能小到10x10个单位。 通常情况下,这不是一个问题,只要我能正确地缩放所有内容。然而,我有一个问题垂直居中一些文本。以此SVG为例: 文本完全不在框内: 我认为正在发生的是,还有一些我没有考虑到的其他度量值是在像素范围内很难设置的,因为可能是数百个像素,而不是1个像素,所以我认为这是在抛出一些东西。 是这样吗?如果是的话,我能做些什么来让文本垂直居中吗?

  • 你好。。。我试图做的是使这个svg文本变白,我以前用这种方式做过,但现在无法让它工作,但其他属性可以正常工作......任何想法? Html: CSS:

  • 我希望将concur严格用作配置源。我正在使用spring cloud Consor配置来获取配置。我正在使用git2consul将文件加载到Consor并读取它们。根据spring云文档,我在构建中添加了以下内容。格拉德尔 并在我的application.properties 我面临的问题是,预期的属性没有加载到ConfigurationProperties bean中。在ConsultProp

  • 问题内容: 我正在尝试学习Hibernate的工作方式,并且几乎陷入了无法接受的学习曲线。我看不到如何使Hibernate尊重我的对象的auto_increment策略。而是使用现有ID(从1开始)覆盖数据库中的条目。 我有一个简单的对象,由定义如下的MySQL表支持: 我已经确认使用SQL()手动插入多个Foo对象是正确的。 我的Java类具有使用如下注释来指定的ID: 然后,我执行一些测试代码

  • 我无法使用Gradle强制生成依赖项的版本。我的目标是使用0.20.0版本。发布了Spring HATEOAS库的,但尽管我付出了所有的努力,它仍然解析为0.19.0。释放。 我尝试了许多策略,包括孤立的策略和相互结合的策略。这些策略包括但可能不限于以下策略(请注意,在所有情况下都在文件中定义,该文件位于声明Spring HATEOAS依赖项的模块目录的父目录中): #1(在声明依赖关系的模块的b

  • 问题内容: 在纯Java SE 6环境中: Eclipse控制台中未显示任何内容。 l.info(“”) 及以上的作品就好了,但低于任何 罚款 只是似乎没有工作。有什么问题吗?TIA。 问题答案: 即使Logger级别设置为ALL,ConsoleHandler(记录器上的默认Handler)仍然具有INFO的默认级别。这来自 JAVA_HOME / jre / lib中 的默认logging.pr