我正在使用SVG元素在基于<foreignObject>的UI中嵌入<video>元素。除了Safari之外，所有的浏览器都很好用，在Safari中，视频元素的位置相对于它的<foreingObject>容器来说是完全错误的。我创建了一个简单的页面来重现这个
浏览 101提问于2020-05-19得票数 5
我对SVG在Safari上的foreignObjects元素有问题。我正在使用SVG元素以及我正在使用的d3.js库。我所做的是在画布上追加一个foreignObject元素，因为与rect或其他SVG元素不同，它不允许将html元素放入其中。现在，经过几天的开发，我注意到Safari似乎不允
浏览 1提问于2018-07-12得票数 11
我使用svg:foreignObject在悬停时创建格式化的图像。下面的策略在Chrome中运行得很好，但是foreignObject在Safari中是不可见的。我就是看不出来！我遗漏了什么？">
<foreignObject width="465" height="465" x="308" y="33&
浏览 60提问于2020-02-19得票数 0
1回答
使用foreignObject，您可以在SVG中使用<video>标记，如下所示： <<source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4&quo
浏览 0提问于2017-09-05得票数 1
我在SVG中使用foreignObject标记，它正在运行Chrome，但是它不适用于Safari。我已经经历了大约20个解决方案，但这个问题仍然存在。其中一个解决方案是用户误输入foreignObject，他们将其写为foreignobject (小写字母"O")。在我的代码中，foreignObject是用正确的大小写拼写的，无论如何，在Safari的dev
浏览 7提问于2022-03-21得票数 0
我想把我的SVG的所有<rect>元素替换为foreignObject，它可以工作很好的FireFox和基于铬的浏览器，但是在Safari中失败了。HTML/SVG<html lang="en"> <svg>
<rect
浏览 12提问于2021-03-19得票数 0
回答已采纳
我在iOS4或Mac Leopard上使用Safari5.1.1得到了预期的结果，但当我仅在Lion或iOS5上尝试Safari5.1或5.1.1时，就会出现错误。当我通过foreignObject元素将画布元素嵌入到内联svg文档中时，就会出现这种情况。画布通常尊重应用于foreignObject的所有svg转换，这在Chrome/F
浏览 3提问于2011-10-25得票数 0
我基本上有两个三角形，它们合在一起形成一个矩形(浏览器屏幕的高度和宽度。然而，由于某些原因，这只在firefox中有效。当我尝试在safari和chrome中查看它时，div是隐藏的。SVG 1：SVG 2： filter: url(clip.svg#blur);
浏览 2提问于2014-06-20得票数 0
1回答
0 0 1050 550;" preserveAspectRatio="xMaxYMid" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com; top: 51px;">>
<source src="http://techslides.com/demos/sample-videos&#
浏览 4提问于2022-06-26得票数 1
1回答
我可以在SVG中使用<foreignobject>。它支持Firefox 14，Safari。但是它不支持IE9。我的代码是。如何在IE9中使用<foreignobject>？或在SVG中的HTML元素中使用的任何其他方式。
浏览 2提问于2012-08-16得票数 2
一些上下文：每当我在div的不透明样式属性上启动转换时，它就会从定位流中弹出。我已经在链接的中隔离了这个问题。它与力布局无关，但我使用的是外文元素，这样我就可以将html放在基于svg的强制布局中。foreignObject<
浏览 0提问于2013-08-18得票数 5
2回答
我正在努力与foreignObject在SVG。我想在rect中添加文本，为了获得自动的文本包装，我选择了使用HTML。foreignObject的描述可以找到。:rect") .attr('height', cardsize.height)
card.append("svg:foreignObject)浏览器(<
浏览 2提问于2013-03-01得票数 9
回答已采纳
我有一个SVG，它有一些基本的javascript交互性，我也希望能把一些音频放进去。
这是针对SVG本身的，而不是用HTML内联的。
浏览 2提问于2013-01-19得票数 9
回答已采纳
如何在safari中将dataURL格式(‘“data:image/ svg +xml；base64，"’)svg设置为img.src？(在chrome中是可以的。)Safari将抛出securityError。有什么方法可以让dataURL的域名正确吗？img = new Image();img.crossOrigin = 'anonymous';
img.src =
浏览 7提问于2016-08-04得票数 2
回答已采纳
我尝试在节点旁边添加一些弹出消息，但看起来SVG元素以外的任何内容都不会使用append显示。这是可行的： .attr("dx", 16) .text(function(d){ return d.name });
但是当我附加一个div而不是text时，它是不可见的。另外，如何轻松地获取节点的</em
浏览 0提问于2012-07-04得票数 6
回答已采纳
1回答
据我所知，通过使用<foreignObject />标记可以在SVG中添加HTML。我想通过使用iframe内部SVG加载一个页面，但是它不能工作。我漏掉了什么吗？还是不能使用HTML内部SVG？这是我的密码： <foreignObject x=&
浏览 2提问于2014-10-01得票数 3
回答已采纳
我想使用JavaScript在嵌入到svg中的html5画布上(在html5页面中)进行绘图。如果这样做的话，使用"cvs“就很好了：</svg</em
浏览 2提问于2012-12-18得票数 4
我正在通过foreignobject将HTML嵌入到SVG中var SvgWithForeignObject = React.createClass({ return( <foreignobject><div>Hello From SVG</div></foreignobject>
浏览 2提问于2016-09-15得票数 8
回答已采纳
在svg上，视图在状态下放大(比视图宽度更大)。foreignObject单击事件layerX属性在Safari和Chrome上是不正确的。在下面的中，单击黄色rect的中心并查看控制台输出。 <foreignObject x="50&q
浏览 1提问于2019-06-29得票数 7
回答已采纳
我使用D3.js来呈现SVG元素，每个元素都包含一个foreignObject，这样我就可以附加一个带样式的div文本。</div>
</g> 有60个这样的元素包含在父g元素中，当用户滚动时，该元素用transform: translate(...)进行翻译。在这里，foreign
浏览 36提问于2019-03-02得票数 1
回答已采纳
云服务器
ICP备案
腾讯会议
实时音视频
云直播
腾讯云开发者
