个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
26
4
考虑这样的 SVG 文档......
<svg viewBox="0 0 200 200" width="100%" height="100%" …>
<g transform="rotate(45) skewX(10)">
<foreignObject x="100" y="200" width="10" …>
<body xmlns="http://www.w3.org/1999/xhtml">
<p id="foo">Hi Mom!</p>
</body>
</foreignObject>
</g>
</svg>
...和像这样的 JavaScript 代码...
console.log( document.getElementById('foo').getBoundingClientRect() );
注意:
body 在 SVG 中偏移、旋转和倾斜。getBoundingClientRect() 是否应该返回网络浏览器中屏幕对齐的边界矩形的左/右/上/下？
或者它应该返回对象在 body 上下文中的坐标，并由用户将其从 foreignObject 空间转换为屏幕像素对于缩放/旋转/倾斜的 SVG？
我对您关于这应该如何表现的看法不太感兴趣，因为我对所涉及的规范如何规定这应表现的清晰解释不太感兴趣。
这是一个简单的例子，表明 Chrome 执行前者而 Firefox 执行后者:http://phrogz.net/SVG/html_location_in_svg_in_html.xhtml
编辑:这是描述 Chrome/Safari 对该测试用例的错误处理的 Webkit 错误:https://bugs.webkit.org/show_bug.cgi?id=71819
最佳答案
正如 Boris Zbarsky 在 my (incorrect) bug report 中指出的那样, CSSOM View Module spec说:
The
getClientRects()andgetBoundingClientRect()methods provide information about the position of the border box edges of an element relative to the viewport.
…和规范elsewhere将viewport明确定义为:
[...] defined by CSS 2.1 unless there is an ancestor
foreignObjectelement in the http://www.w3.org/2000/svg namespace in which case that element acts as viewport and initial containing block.
总而言之，getBoundingClientRect()在 <foreignObject> 中调用了一个 HTML 元素在<svg>元素应返回视口(viewport)内元素的边界框，专门用于 HTML 正文；如果需要，由脚本编写者将其转换为屏幕空间。
关于javascript - getBoundingClientRect() 应该为嵌入在 SVG 中的 foreignObject XHTML 元素返回什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8044338/
26
4
0
有谁知道 xhtml 中选项卡的字符实体是什么？ (嗯，如果有的话)... 最佳答案 (X)HTML 对制表符没有特殊支持:它们只是另一个空白字符，无论您是否对它们进行转义。 关于xhtml - XH
我了解根据 HTML 规范，向元素添加自定义属性是无效的。这对 XHTML 也无效吗？ 我认为 XHTML 是 XML 家族的一部分，因此是可扩展的。作为可扩展性，使用自定义属性不是可以吗？ 戴夫 最
有没有关于如何正确处理 XHTML (1.0 Transitional) 中的空格的信息？似乎 XHTML 不使用标准的 XML 空白处理。 编辑:梅比我对我到底在寻找什么有点不准确。我对元素如何呈现
据我了解，XHTML (1.0, 1.1) 和 XHTML 5 都不需要 DTD。如果这是真的，浏览器将如何区分两者？ 我只能假设当浏览器供应商支持 (X)HTML 5 时，所有 XHTML 都将按照
我得到了一个带有 session 范围 bean 的 xhtml 页面。现在我想在另一个 html 页面中两次使用此页面，一次在屏幕左侧，一次在屏幕右侧。如果我包含它，它指的是同一个 bean，我怎样
就SEO而言，从客户端角度来看，我应该使用XHTML 1.0 Transitional还是XHTML 1.0 Strict？ 为什么有些人仍然使用Transitional？ 如果我们使用“严格过渡”，
我以前只用 p和 span元素...但我一直在插入使用正确的元素，这是我之前没有真正考虑过关于推荐的事情。 这是我想到的... I love your products! Jim Testimo
所有现代浏览器都理解 HTML，所以除了在键盘最右侧编写更多字符之外，兼容 XHTML 的意义何在。 最佳答案 没有一点我能想到的。 W3C 已经取消了 XHTML 2.0，尽管应该有一个 XHTML
我制作了一个 Windows 图标 (*.ico) 并将其命名为 favicon，它是 16 x 16 和 16 种颜色...我已将其包含在链接标签中 但是加载不正确 how do I add a f
我有一个问题: 在 Lift 网络框架 (Scala) 版本中。我得到: Message: java.util.NoSuchElementException scala.RandomAccessS
我已经编写了有效的 XHTML 1.0 Transitional 代码。我想添加社交分享按钮(twitter、facebook 和 google+)，但所有这些按钮都使我的代码无效。有什么解决办法吗？
我想知道在 XHTML 中标记科学名称的最佳方法。 This answer说我应该使用 元素，我不太赞成，当然，除非它是正确的元素。 我可以使用 ，但鉴于 HTML 的第一个用途是标记科学文档，我想
角色属性是否有定义的值，如果有，您能说出它们是什么吗？ 或者我可以为角色属性创建自己的值吗？它们区分大小写吗？它们必须是字母吗？可以有数字吗？ 或者您可以同时拥有定义的值和用户创建的值。 最佳答案 快
分别阅读两者，看起来都一样，html+xml+javascript。 那和有什么区别？有没有？ 最佳答案 XHTML是 w3c标准，一种也严格符合 XML 的 HTML 形式。 DHTML是一个很大程
在使用 XSL 将 XHTML 转换为 XHTML 时，我遇到了 namespace 问题。考虑作为示例输入: Test Remove this 然后
我有以下代码使用 Text.XHtml.Strict 库在 Haskell 中生成一个包含一系列带有 id 和类的 div 的空白 html 页面: module Main where import
我对 IE 的 XHTML 兼容性进行了激烈的辩论。唯一的问题是，我不确定这家伙是不是在挑衅。 从本质上讲，他声称 IE 完全不兼容 XHTML，并且无论使用何种浏览器，具有定义的 XHTML 文档类
我已经为此奋斗了一段时间，但我什至无法弄清楚为什么它不起作用。以这个简单的 XHTML 测试源为例: foobar
虽然不推荐使用 target="_blank"，但为什么 W3C 验证器没有给出关于此的错误？您可以在 validator 中粘贴并检查此代码: Untitled Document Li
是否有可能使 anchor 链接内部没有具有背景图像和固定尺寸的文本，并且仍然适合SEO？ CSS示例: a{display:block;width:50px;height:20px;backgrou
我是一名优秀的程序员,十分优秀！