在Safari中，foreignObject元素的getBBox总是为x返回0，为y返回0。参见下面的example (在safari中打开)。请注意console.log(document.querySelector('foreignObject').getBBox());打印 { width: 100,
浏览 35提问于2019-06-30得票数 0
回答已采纳
我对SVG在Safari上的foreignObjects元素有问题。我正在使用SVG元素以及我正在使用的d3.js库。现在，经过几天的开发，我注意到Safari似乎不允许在foreignObject中放置html元素。更好的是，它允许这样做，所有的工作似乎都根据检查员，但我放置在foreignObject内有一个背景集。>foreignObject{ position:relative;foreignObject div
浏览 1提问于2018-07-12得票数 11
我正在使用SVG元素在基于<foreignObject>的UI中嵌入<video>元素。除了Safari之外，所有的浏览器都很好用，在Safari中，视频元素的位置相对于它的<foreingObject>容器来说是完全错误的。>
<div
浏览 101提问于2020-05-19得票数 5
1回答
浏览器缩放破坏svg布局
、、、、
(请参阅代码片段)我正在尝试从foreignObject #item-A中的一个元素#item-B > div的底部绘制一个路径到foreignObject #item-B中的另一个元素#item-BsvgEl.getBoundingClientRect(); a x: item_A_BBoxX, y
浏览 3提问于2020-01-12得票数 0
回答已采纳
我在SVG中使用foreignObject标记，它正在运行Chrome，但是它不适用于Safari。我已经经历了大约20个解决方案，但这个问题仍然存在。其中一个解决方案是用户误输入foreignObject，他们将其写为foreignobject (小写字母"O")。在我的代码中，foreignObject是用正确的大小写拼写的，无论如何，在Safari的devtools中，我注意到标签拼写为foreignobject！(下面是Safari<
浏览 7提问于2022-03-21得票数 0
为此，我正在创建包含div的foreignObject。foreignObject似乎在其他单元中接受height和width。
在上面的屏幕截图中，height和width of foreignObject在检查它作为14745的元素之后，被设置为511px。我真搞不懂它怎么会有不同的高度和宽度？
浏览 8提问于2020-03-03得票数 1
回答已采纳
然而，在Chrome和Safari中，foreignObject呈现并不像预期的那样工作。Chrome，Edge和Safari中的问题是渲染的对象显示在任何重叠的SVG元素之上。html <foreignObject x="0" y="0" width="200px" height="100px">
浏览 108提问于2020-09-09得票数 0
它只发生在特定的Safari浏览器/平台组合上。我在iOS4或Mac Leopard上使用Safari5.1.1得到了预期的结果，但当我仅在Lion或iOS5上尝试Safari5.1或5.1.1时，就会出现错误。当我通过foreignObject元素将画布元素嵌入到内联svg文档中时，就会出现这种情况。画布通常尊重应用于foreignObject的所有svg转换，这在Chrome/Firefox和Safari (iOS4，Snow Leopard)上
浏览 3提问于2011-10-25得票数 0
1回答
我可以在SVG中使用<foreignobject>。它支持Firefox 14，Safari。但是它不支持IE9。我的代码是。如何在IE9中使用<foreignobject>？
浏览 2提问于2012-08-16得票数 2
我想把我的SVG的所有<rect>元素替换为foreignObject，它可以工作很好的FireFox和基于铬的浏览器，但是在Safari中失败了。HTML/SVGmyRect.outerHTML = myRect.outerHTML.replace("<rect", "<foreignObject").replace("&
浏览 12提问于2021-03-19得票数 0
回答已采纳
foreignObject单击事件layerX属性在Safari和Chrome上是不正确的。在下面的中，单击黄色rect的中心并查看控制台输出。 <rect width="100%" height="100%" fill="red"/>
<foreignObject&
浏览 1提问于2019-06-29得票数 7
回答已采纳
1回答
我使用d3和svg:foreignObject一起创建一个格式化文本框，该文本框出现在悬停数据点旁边。下面的策略在Chrome中非常有效，但是在Safari中看不到foreignObject。Safari检查器在DOM中、在适当的位置和所有正确的数据中显示foreignObject。我就是看不见！我遗漏了什么？我的代码如下所示： .attr('class'
浏览 2提问于2016-07-27得票数 5
当我尝试在safari和chrome中查看它时，div是隐藏的。SVG 1：
<?
浏览 2提问于2014-06-20得票数 0
下面是Safari的一个奇怪的、明显有buggy的行为(使用版本11和12进行了测试)。包含HTML的<foreignObject>在缩放时仍以其原始大小显示，即使其本地用户空间坐标相对于屏幕进行了缩放。超文本标记语言内容将明显溢出父<svg>，即使违反了明确的CSS规则。这里的其他答案指出， (我使用百分比和绝对单位进行了测试)和 (我在<foreignObject>标记本身和单个直接子标记上设置了它)，但到目前为止还没有什么帮助。以下是预期的设置：svg, foreignObject</
浏览 10提问于2019-01-17得票数 9
有没有一种方法-最好不使用JavaScript -使用foreignObject将一些HTML内容放到SVG形状中，以便SVG形状自动调整大小(或缩放)以适合其内容？<rect x="10" y="10" width="SCALE_TO_FIT_CONTENTS" height="SCALE_TO_FIT_CONTENTS" fill="gray">
<foreignobject<body xmlns="http:&#
浏览 8提问于2012-07-09得票数 8
2回答
我正在努力与foreignObject在SVG。我想在rect中添加文本，为了获得自动的文本包装，我选择了使用HTML。foreignObject的描述可以找到。width="150" height="150">< </foreignObject>我在我测试过的(mac)浏览器(Safari</e
浏览 2提问于2013-03-01得票数 9
回答已采纳
svg viewBox="0 0 200 200" width="100%" height="100%" …> <foreignObject</p> </foreignObject></svg>
…和JavaSc
浏览 1提问于2011-11-07得票数 4
回答已采纳
我使用D3.js来呈现SVG元素，每个元素都包含一个foreignObject，这样我就可以附加一个带样式的div文本。></image>
<div ...>...</div>
</g> 有60个这样的元素包含在父g元素中，当用户滚动时，该元素用transform: translate(...)进行翻译。在这里，<e
浏览 36提问于2019-03-02得票数 1
回答已采纳
我使用svg:foreignObject在悬停时创建格式化的图像。下面的策略在Chrome中运行得很好，但是foreignObject在Safari中是不可见的。我就是看不出来！我遗漏了什么？0 1920 1299" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<foreignObject&
浏览 60提问于2020-02-19得票数 0
由于某些原因，在Chrome中，任何<foreignObject>元素中的任何内容都会出现在<svg>元素父元素的左上角；就好像<foreignObject>元素是绝对定位的。</h1> <p>
The elemts in the <foreignObject> are not positioned properly unless"1000" height="800&
浏览 2提问于2011-11-19得票数 19
回答已采纳
云服务器
ICP备案
云点播
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号