程序员经验分享-hwhale

在 Chrome 中，为什么 SVGforeignObjects 不缩放相对定位的内容？

2023-11-23

我在 SVG 中使用相对定位的 HTML 元素foreignObject。然而，在 Chrome 中，相对定位的内容并不尊重scale() or viewBox。因此，它的尺寸不合适。

这是我在 jsFiddle 上遇到的问题的示例。所有三个文本片段对于最终用户来说应该显示相同的大小......但在 Chrome 中却不然。

这是什么原因造成的？

Firefox 屏幕截图（如预期？）

The jsFiddle in Firefox

Chrome 屏幕截图（错误？）

The jsFiddle in Chrome


从

24 个相关错误foreignObject在 WebKit 跟踪器和

19 相关问题foreignObject在 Chromium 追踪器上，

看来这很可能是无意的行为。我鼓励您查看 WebKit bug 列表，看看这个问题是否已知。如果不是，请尝试在另一个 WebKit 浏览器上重现此错误。如果问题可以重现，例如Safari，将其作为 bug 提交给 WebKit；如果没有，请将其作为错误提交给 Chromium。

我的猜测是这是一个 WebKit bug；this bug看起来有点相似。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Googlechrome

SVG

在 Chrome 中，为什么 SVGforeignObjects 不缩放相对定位的内容？ 的相关文章

  • Google Chrome 控制台过滤掉群组

    在 Google Chrome 开发人员工具中 我有来自 Google Analytics 调试器扩展的输出 该扩展将太多输出转储到我的控制台中 我知道有一个过滤器可以让您过滤消息 然而 Google Analytics 调试器输出的很大一

  • d3.js：在 SVG 线性渐变中过渡颜色？

    正如标题所说 使用D3 js 是否可以实现线性渐变的颜色过渡 例如 如果我有这个渐变 var gradient svg append svg defs append svg linearGradient attr id gradient a

  • 获取 value 属性无法获取输入的当前值

    我想编写一个程序 这样我可以输入 0 到 255 之间的 IP 地址数字 我的代码可以在 IE 中运行 但不能在 Firefox 或 Chrome 中运行 function check obj var txt obj getAttribut

  • Document.querySelector 返回 null，直到使用 DevTools 检查元素

    我正在尝试创建一个 Chrome 扩展程序 用于查找 Facebook 上的 赞助 帖子并将其删除 在执行此操作时 我注意到 Google Chrome 在 Facebook com 上的这种相当奇怪的行为 其中对现有元素的某些类型的查询

  • Chrome 中缩小后的图像模糊

    我正在使用 gravatars 并且经常使用 css 缩小它们 我相信 Google Chrome 直到最近都可以正确执行此操作 我可能是错的 不确定问题何时开始发生 但现在 图像在以下情况下变得模糊缩小尺寸 这种情况只发生在 Chrome

  • 如何故意冻结 chrome 中的 javascript（插件/控制台）

    我想检查正在开发的页面元素 这些元素在鼠标离开它们后立即消失 对于这种情况和其他情况 我想要一个类似 禁用 JS 插件或控制台命令的东西 它不仅在页面加载时起作用 而且可以随时完全停止当前页面的任何和每个 js 这样的解决方案存在吗 我更喜

  • chrome 不渲染 gif 背景图像

    当前运行 chrome 14 它无法在我的登录页面上呈现旋转的 gif 图形 这是该页面在 Chrome 中的样子 这是它在所有其他浏览器上的样子 重现 http trunk test openmile com login null htt

  • 如何将transform-origin与SVG结合使用？ [复制]

    这个问题在这里已经有答案了 我正在尝试旋转SVG path从它的中心但它不工作 a width 40px height 40px width 40px font size 1 5rem padding 1px overflow hidden

  • 单选按钮更改事件在 Chrome 或 Safari 中不起作用

    我在页面上有一些单选按钮 当选择 是 时 一些其他控件 下拉列表和文本框 变得可见 如果选择 否 它们将再次变得不可见 这在 FF 和 IE 中运行良好 当我在 Chrome 中使用鼠标时 它确实有效 但是当我在页面上切换时 控件永远不可见

  • Chrome 扩展程序网址匹配模式：为什么规则不适用于 Google.com？

    我正在制作一个扩展来自定义 Google 的主页背景 所以我在清单中编写了一些匹配规则 如下所示 content scripts matches https www google com http www google com js sta

  • 为什么我必须点击两次才能使用 selenium 提交输入

    ENV 铬 32 webdriver2 8 我正在使用 selenium java 单击提交输入 但我需要单击两次才能激活提交操作 输入代码

  • SVG 文本在 IE 中消失，直到我单击它

    我在 Internet Explorer Edge 以 Win7 上的为准 中遇到与 SVG 创建和操作相关的问题 在我正在开发的应用程序中 我们使用 d3 生成 SVG 形式的图形 在 Chrome 和 Firefox 中 它们工作得很好

  • Chrome 如何更新网址栏补全？

    我真的很喜欢使用 Chrome 的地址栏 因为它会记住经常访问的网站 并且经常根据我之前输入和 或访问过的内容提出良好的补全建议 例如 我可以输入t在地址栏中 Chrome 会自动将其填充为twitter com 或者我可以输入mapsCh

  • Chrome 在传输一定量的数据后挂起 - 等待可用的套接字

    我有一个浏览器游戏 最近我开始向游戏添加音频 Chrome 无法加载整个页面并卡在 91 requests 8 1 MB transferred 并且不再加载任何内容 它甚至破坏了所有其他选项卡中的网站 说Waiting for avail

  • For 循环不适用于 JavaScript 动画

    我正在尝试编写一个 for 循环 以在单击形状按钮时重复 爆炸 路径的动画 但 for 循环无法工作 执行 而且我看不出哪里出了问题 for循环的目的 循环动画路径的过程 然后将动画反转回其原始路径 我知道问题出在 for 循环中的某个地方

  • 如何解决错误 EGL 驱动程序消息（错误）eglQueryDeviceAttribEXT：使用 Selenium 和 Python 的错误属性

    我从 selenium 收到随机错误消息 即使它们都与我正在运行的确切 Web 驱动程序命令无关 据我所知 此错误不会中断程序 它只是添加不需要的警报 使我的打印件难以阅读 Chrome 版本 75 0 3770 100 官方版本 64 位

  • 自 JRE 1.7.0_25 起，Batik 无法进行转换

    自从我更新到 JAVA 1 7 0 25 以来 蜡染在应用转换时会抛出异常 堆栈跟踪是 java awt image ImagingOpException Unable to transform src image at java awt

  • 如何在网站上使用 svg 元素制作块的屏幕截图？

    我在网站上创建了一个构造函数 其本质是将所选元素及其颜色 svg中的元素 添加到访问者选择的背景和背景颜色 png中的背景 中 然后必须单击 保存 结果 按钮并仅执行工作区的屏幕截图 我写了这个脚本 但它需要屏幕截图 但只有背景 并忽略选定

  • 使用 jspdf 将 Svg 渲染为 Pdf

    我在使用 jspdf 将 svg 元素渲染为 pdf 时遇到问题 我正在使用插件https github com CBiX svgToPdf js https github com CBiX svgToPdf js 去做这个 下面是我的代码

  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

随机推荐

  • 检查字符串是否为unix时间戳

    我有一个字符串 我需要找出它是否是 unix 时间戳 我怎样才能有效地做到这一点 I found 这个线程通过谷歌 但恐怕没有给出一个非常可靠的答案 是的 我抄袭了上述帖子中原始海报的问题 好吧 摆弄了一段时间后 我用以下命令撤回了解决方案

  • 在 xaml 中创建自定义 VisualState 并在 CodeBehind 中手动设置

    我有一个 TabItem 样式 其中有 VisualStates

  • 如何在 C++11 constexpr 中检查双精度位模式是否为 0x0？

    我想检查给定的双精度 浮点变量是否具有实际的位模式 0x0 别问为什么 Qt 中的一个函数中使用了它 qIsNull 我想成为constexpr 原始代码使用了联合 union double d int64 t i u u d d retu

  • 我正在寻找一种简单的矩阵 [NxM] 快速 DCT 和 IDCT 算法

    我正在寻找一种简单的算法来快速执行DCT任意大小 NxM 的矩阵 类型 2 以及逆变换算法IDCT 也称为 DCT 类型 3 我需要 DCT 2D 算法 但即使 DCT 1D 算法也足够好了 因为我可以使用 DCT 1D 来实现 DCT 2

  • 如何在asp.net中使用JSON和JQuery从WebMethod返回DataTable？

    我是新来的JSON 我创建了一个示例 它返回String from WebMethod并将返回的值赋给asp net Label控制 返回字符串的 JSON 示例

  • AttributeError：模块“tensorflow”没有属性“get_default_graph”

    我正在做一些与图像字幕相关的任务 并且我已经加载了像这样的初始模型的权重 model InceptionV3 weights imagenet 但我收到这样的错误 AttributeError module tensorflow has n

  • BinaryFormatter 忽略程序集版本

    我有以下方法来生成对象的哈希值 效果非常好 但是 当我更改程序集的版本时 即使对象相同 哈希值也会发生变化 public static string GetHash Object item MemoryStream memoryStream

  • 如何获取Java中特定包中的所有Class文件？

    正如描述所述 如何获取给定包名称的所有 Java 类文件的列表 我在 SO 和其他网站上看到了很多问题和方法来查找特定 Java 包中的所有类 大多数解决方案对我来说都不起作用 有时 他们处理 Jar 文件 但不处理文件夹中的 普通 Jav

  • SSH 的 java.sql.Connection 扩展 [重复]

    这个问题在这里已经有答案了 我有一个位于防火墙后面的 MySQL 数据库 只能通过 SSH 连接访问 有谁知道 java sql Connection 的实现 它允许我与该数据库建立 SSH 连接 您可以使用 SSH 的端口转发来执行此操作

  • templateUrl 不适合我

    我按照 angular io 入门项目使用种子结构 到目前为止一切正常 现在我想更改顶部组件以从单独的文件中查看视图 但我遇到了麻烦 工作代码是 import Component View from angular2 core Compon

  • 不带括号的构造函数调用[重复]

    这个问题在这里已经有答案了 有什么区别吗 var obj1 new Constructor and var obj2 new Constructor 鉴于Constructor是构造函数吗 根据MDN docs new foo 相当于 ne

  • 是否可以确定哪个 Fortran 编译器生成了“.mod”文件？

    假设我的机器上已经安装了一个软件包 我想弄清楚是否需要重新生成模块包含文件 mod 使它们与我的其余编译兼容 有什么办法可以做到这一点吗 我在某些时候遇到了类似的问题 涉及库和模块文件 但没有源 因为在某些情况下 获得正确的编译器比获得重新

  • 使用AppDelegate共享数据

    我找到了一些资料来解释如何使用 AppDelegate 在 iOS 应用程序中的对象之间共享数据 我已经很轻松地实现了它 并且对于我的情况来说这看起来是一个很好的方法 思考什么could使用 AppDelegate 完成 我想知道应该在哪里

  • 在史莱姆中加载新的依赖项？

    我正在使用 emacs 和 swank clojure 我如何解决以下情况 我已向 project clj 添加了新的依赖项 我在 shell 中运行 lein deps 来获取新的 dep 我有一个打开的现有史莱姆会话 并且想要使用新部门

  • Windows PowerShell 在哪里设置 $profile？

    我想移动我的默认 My Documents WindowsPowerShell 文件夹 但是 当我尝试这样做时 PowerShell 当然找不到 profile 是否有一个文件或其他内容可以编辑以将 PowerShell 指向不同的启动文件

  • 当 ajax 调用更改其值时，AngularJS 中的 ng-repeat 列表不会更新

    我完全糊涂了 当 ajax 调用更改其值时 为什么我的 ng repeat 不刷新 我在这里看到了很多问答 但没有一个谈到ajax调用 HTML div class row div class col xs 4 col sm 4 col m

  • 从泛型转换为特定子类

    我有一堂这样的课 public class MyClass

  • 闪亮的数据表：在新窗口中弹出有关所选行的数据

    我有一个闪亮的数据表 当用户选择某一行时 我想在新窗口中根据所选行显示一些其他数据 我尝试使用shinyBS包 但如果没有操作按钮我就无法使用它 而且我不想包含操作按钮 我希望在选择一行时显示弹出窗口 有任何想法吗 mymtcars hea

  • Android 资源 txt 文件的路径

    我正在做 FileReader fin new FileReader file android asset myFile txt 在 Android 项目和许多变体中 在运行时我得到一个文件未找到异常 该文件在资产文件夹中存在且正确 因此我

  • 在 Chrome 中，为什么 SVGforeignObjects 不缩放相对定位的内容？

    我在 SVG 中使用相对定位的 HTML 元素foreignObject 然而 在 Chrome 中 相对定位的内容并不尊重scale or viewBox 因此 它的尺寸不合适 这是我在 jsFiddle 上遇到的问题的示例 所有三个文本

热门标签