Safari foreignObject getBBox错误
是指在Safari浏览器中使用foreignObject元素的getBBox()方法时出现的错误。foreignObject元素是SVG（可缩放矢量图形）中的一个容器，允许在其中嵌入HTML内容。
在Safari浏览器中，调用foreignObject元素的getBBox()方法时可能会导致错误。getBBox()方法用于获取元素在SVG坐标系中的边界框（bounding box）信息，包括元素的位置、大小等属性。
要解决这个错误，可以考虑以下几个方法：
- 使用其他浏览器：由于该错误是在Safari浏览器中出现的，可以尝试使用其他浏览器进行测试和开发，例如Chrome、Firefox等。
- 避免使用getBBox()方法：如果不是必须使用getBBox()方法，可以尝试使用其他方法或者通过其他方式获取所需的边界框信息。
- 检查浏览器版本：确保使用的Safari浏览器版本是最新的，因为某些版本可能已经修复了这个错误。
需要注意的是，以上提到的解决方法是一般性的建议，具体情况可能因实际需求和代码而有所不同。
腾讯云相关产品和产品介绍链接地址: 腾讯云提供了丰富的云计算服务和解决方案，包括但不限于以下产品：
- 云服务器（Elastic Compute Cloud，简称CVM）：腾讯云提供的可弹性伸缩的云服务器，适用于各种规模的应用和业务场景。产品介绍链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（TencentDB for MySQL）：基于MySQL的云数据库服务，提供高性能、高可用的数据库解决方案。产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql
- 云存储（Cloud Object Storage，简称COS）：腾讯云提供的高扩展性、高可靠性的对象存储服务，适用于存储和处理各种类型的数据。产品介绍链接地址：https://cloud.tencent.com/product/cos
以上是腾讯云的部分相关产品，您可以根据具体需求选择适合的产品来解决云计算领域的相关问题。请注意，这些链接仅提供了产品介绍，具体的技术实现和使用方法需根据实际情况进行进一步了解和研究。
相关·内容
在Safari中，foreignObject元素的getBBox总是为x返回0，为y返回0。参见下面的example (在safari中打开)。请注意console.log(document.querySelector('foreignObject').getBBox());打印 {
height: 100,
width: 100,
x: 0,
y: 0
} 在chrome和firefox中，它的工作方式和预期的一样。这个问题有什么解决方法吗？
浏览 35提问于2019-06-30得票数 0
回答已采纳
1回答
浏览器缩放破坏svg布局
、、、、
(请参阅代码片段)我正在尝试从foreignObject #item-A中的一个元素#item-B > div的底部绘制一个路径到foreignObject #item-B中的另一个元素#item-B > div的顶部。div(s)高度是可变的。
对于不同的浏览器缩放级别，路径M ${item_A_div_Bottom - svgOffset.y}值提供不同的结果。这破坏了布局。
我翻阅了各种文件，试图了解这种行为的原因：
window.onload = function() {
var svgEl = document.querySelect
浏览 3提问于2020-01-12得票数 0
回答已采纳
<svg width="700px" height="700px" viewBox="0 0 320 157">
<defs>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-10">
<stop stop-color="#E1E6ED" offset="0%"><
浏览 8提问于2020-03-03得票数 1
回答已采纳
我在SVG中使用foreignObject标记，它正在运行Chrome，但是它不适用于Safari。我已经经历了大约20个解决方案，但这个问题仍然存在。
其中一个解决方案是用户误输入foreignObject，他们将其写为foreignobject (小写字母"O")。
在我的代码中，foreignObject是用正确的大小写拼写的，无论如何，在Safari的devtools中，我注意到标签拼写为foreignobject！
(下面是Safari devtools截图和我的代码截图)
我确信这就是造成问题的原因，但这是没有意义的，因为我在代码中正确地编写了它
浏览 7提问于2022-03-21得票数 0
这与这个错误有关：
给定一个圆弧(中心，半径，半径，endAngle)，我可以计算路径上的点，然后计算它们的边界框，然而，在safari和chrome中，有一个bug，它包括边界框中的弧的控制点。由于渐变填充应用于形状的边界框，这会导致覆盖形状的渐变略有不同，这取决于浏览器是否有此错误。
我的问题是:在不使用实际API (getBBox())的情况下，如何在给定这些参数(center、radius、startAngle、endAngle)的情况下计算路径中弧的额外控制点，以调整safari/chrome bug？
这不需要处理bezier曲线甚至椭圆，只需要一个简单的圆弧即可。
谢谢!
浏览 0提问于2014-10-18得票数 0
有没有一种方法-最好不使用JavaScript -使用foreignObject将一些HTML内容放到SVG形状中，以便SVG形状自动调整大小(或缩放)以适合其内容？
也就是说，与这个伪代码示例非常相似的东西，但按照我所描述的方式是有效的，并且是有效的：
<?xml version="1.0" standalone="yes"?>
<svg xmlns = "http://www.w3.org/2000/svg">
<rect x="10" y="10" width="SC
浏览 8提问于2012-07-09得票数 8
1回答
当我试图在SVG顶部移动一个子div时，SVG开始有奇怪的垂直条纹。这种情况只发生在Safari上(我在iPad、iPhone、Mac、PC以及Chrome和Safari上进行了测试)。
若要查看错误，请将光标定位到图像上方，然后向右移动。如果它没有出现，请缩短屏幕的宽度。
function App() {
const [delta, setDelta] = useState(0);
const handleTouchMove = (event) => {
let delta = event.touches[0].client
浏览 2提问于2022-04-21得票数 1
我有个奇怪的问题。D3组中两个坐标相同的元素并不完全重叠。在Chrome (1.PIC)下，坐标x&y为off，Safari (2.PIC)x为off。在图片中，您只看到文本和文本区域的边框！有人知道为什么和如何修复它(而不手动调整坐标)吗？
首先，我向HTML主体添加一个svg，然后将一个组添加到svg，然后将一个rect添加到这个组，然后添加一个文本区域。这里有一些代码部分：
var svg = d3.select("body").append('svg')
.attr('preserveAspectRatio', 'xMin
浏览 2提问于2017-04-19得票数 0
回答已采纳
2回答
我有一个文本标记，我要添加到SVG通过JS脚本，并希望使该文本可编辑。
在StackOverflow上找到了几个解决方案：
创建一个css类并将其应用到我的SVG文本元素中。这是非常完美的，至少在Safari中是这样的，但MDN 并不推荐它。这里的类实际上是某人的答案，不幸的是，我不记得是谁的：
.editable {字体大小: 0.3em；用户修改:读-写；-moz-用户修改:读-写；-webkit-用户-修改:读-写；}
将svg包装在一个内容可编辑的div中(由Erik给出答案)。这也有效，但会导致错误的游标行为，至少在Safari中是这样。
<div cont
浏览 0提问于2019-03-29得票数 3
2回答
我正在努力与foreignObject在SVG。我想在rect中添加文本，为了获得自动的文本包装，我选择了使用HTML。foreignObject的描述可以找到。
我正在使用D3，这是我的数据：
var cds = [
{"uid":"U12","sid":"16","statement":"Movies","x":10,"y":10},
{"uid":"U20","sid":"17","stat
浏览 2提问于2013-03-01得票数 9
回答已采纳
我有一个在D3和Chrome上工作很好的Safari布局，但是我为标签附加到SVG节点上的任何其他对象都不会出现在FireFox浏览器中。代码在下面。怎么啦？当我查看FireFox/Chrome检查器中的外部对象时，它会显示我附加到外部对象的html。但是当我查看Safari检查员时，html根本就不在那里。
编辑:这里的是问题的。如果你在Chrome或Firefox中打开它，它可以正常工作。如果你在Safari里打开它，它就不会。
nodeTxt = svg.selectAll(".nodetxt")
.data(nodeTxtData)
浏览 5提问于2015-09-23得票数 2
我对SVG在Safari上的foreignObjects元素有问题。我正在使用SVG元素以及我正在使用的d3.js库。
我所做的是在画布上追加一个foreignObject元素，因为与rect或其他SVG元素不同，它不允许将html元素放入其中。现在，经过几天的开发，我注意到Safari似乎不允许在foreignObject中放置html元素。更好的是，它允许这样做，所有的工作似乎都根据检查员，但我放置在foreignObject内有一个背景集。
其结果是，我可以正确地将foreignObject和div拖到画布内，但与Chrome或Firefox不同，div的背景停留在画布左上角，而不是在d
浏览 1提问于2018-07-12得票数 11
这个问题是对 1号的扩展。在Safari中，我在缩放像素图像时遇到了问题，看上去并不模糊。据我所知，safari不能使用image-rendering。在链接线程中提出的解决方案似乎需要一个外部样式表(?)。是否可以在一个svg /没有外部样式表的情况下缩放图像(而不是模糊的)？
有些事情我尝试过(但失败了)：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- the embedded css seem to work here ? -->
&
浏览 6提问于2022-08-24得票数 0
我正在使用SVG元素在基于<foreignObject>的UI中嵌入<video>元素。
除了Safari之外，所有的浏览器都很好用，在Safari中，视频元素的位置相对于它的<foreingObject>容器来说是完全错误的。
我创建了一个简单的页面来重现这个问题，也可以在上找到
<body style='background-color: #999'>
<svg viewBox='0 0 100 200' style='width: 200px; height: 400px; border:
浏览 101提问于2020-05-19得票数 5
1回答
我使用d3和svg:foreignObject一起创建一个格式化文本框，该文本框出现在悬停数据点旁边。下面的策略在Chrome中非常有效，但是在Safari中看不到foreignObject。Safari检查器在DOM中、在适当的位置和所有正确的数据中显示foreignObject。我就是看不见！我遗漏了什么？
我的代码如下所示：
var description = svg.append('foreignObject')
.attr('class', 'description')
.attr('id', 'desc
浏览 2提问于2016-07-27得票数 5
一些上下文：
我已经做了一个力布局，并将div附加到我的svg节点上，这样我就可以显示漂亮的文本段落。我试图创建转换，淡出插入的div。
问题：
每当我在div的不透明样式属性上启动转换时，它就会从定位流中弹出。我已经在链接的中隔离了这个问题。它与力布局无关，但我使用的是外文元素，这样我就可以将html放在基于svg的强制布局中。
下面是一个例子，和
var foreign = d3.select("body")
.append("svg")
.attr("height", 200)
.attr("width
浏览 0提问于2013-08-18得票数 5
2回答
我目前正在尝试添加一些文本，这些文本是使用RaphaelJS动态添加的。我希望文本在200像素处断开，然后继续下一行。就像你有一个普通的DIV，宽度是HTML。
我尝试过这样的方法：
.text {
width: 200px;
max-width: 200px; //and this
}
但不幸的是，这不是它的工作方式。有人知道我是如何做到这一点的吗？我知道在文本中添加\n会换一行，但我不确定如何实现我想要的效果。
浏览 0提问于2017-11-16得票数 2
1回答
我有一个网站，利用CSS框阴影。为了使网站在更多的浏览器中看起来很好，我想用半透明的PNG来代替。为了避免在图形程序中重新绘制元素，我想知道：
是否有办法从网页中提取半透明元素并将其存储在半透明的PNG中？
如果我没有把Mac借给朋友的话，我可以尝试一个解决方案:从Safari打印到PDF。如果我幸运的话，那么PDF的所有元素都是层叠在一起的。
浏览 2提问于2010-02-28得票数 2
回答已采纳
1回答
我已经成功地使用了技术，从画布上的DOM元素(例如输入和选择字段)中绘制用户输入，并将其作为图像使用。
这在Chrome、Safari和Firefox中很好，但是Internet 11上的，我得到了以下错误
XML5634:这个元素上已经存在一个同名的属性。行: 1列242，当我在我开发的完整站点上尝试时，这个错误应该是在名称和id字段上有重复值时显示的，但是我检查了DOM上的每个元素，但是没有。
对方法或属性访问的意外调用.，当我试图在这个小提琴上再现整个过程时：。从调试器中可以看出，当调用ctx.drawImage()时会发生错误。
本质上，我在这个小提琴中要做的是在画布上
浏览 3提问于2015-03-02得票数 8
我想使用JavaScript在嵌入到svg中的html5画布上(在html5页面中)进行绘图。如果这样做的话，使用"cvs“就很好了：
<svg id="fig" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="1024px" viewBox=
浏览 2提问于2012-12-18得票数 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">
浏览 1提问于2011-11-07得票数 4
回答已采纳
如何在safari中将dataURL格式(‘“data:image/ svg +xml；base64，"’)svg设置为img.src？(在chrome中是可以的。)
Safari将抛出securityError。有什么方法可以让dataURL的域名正确吗？
var img = new Image();
img.onload = myLoader;
img.crossOrigin = 'anonymous';
img.src = "data:image/svg+xml;base64,...............";
var canvas
浏览 7提问于2016-08-04得票数 2
回答已采纳
1回答
我有一个svg映射(通过jquery呈现给dom )，其中包含一个或两个路径元素的组元素。
我想在每个组元素的顶部显示一些文本。
我使用jquery查找组元素的偏移量，并通过将group元素的offset.left和offset.top作为x&y坐标传递给它，从而创建文本元素。
但是文本没有显示在group元素的顶部。相反，它正在其他地方显示。
SVG：
<g class="clsTable" id="svg_20">
<path d="m917.57495,396.125l-0.04999 ..." fill=
浏览 0提问于2013-02-04得票数 0
回答已采纳
我已经将SVG文件作为<оbject>嵌入到DOM中。
<object id="motor" type="image/svg+xml"
data="img/motor.svg" width="119.055mm" height="119.055mm">
</object>
在svg对象内部，我定义了容器(g标记)，用于(在将来)从选定的svg-文件中插入其他svg图像。集装箱：
<g id="shape35-26" transform="t
浏览 0提问于2018-04-04得票数 0
2回答
不能为foreignObject设置角位置(x，y)
我试过这样做：
<foreignObject width="65" height="50" x="{{position?.x}}" y="{{position?.y}}">
<div class="container">works!</div>
</foreignObject>
和
<foreignObject width="65" height="50" [x]=
浏览 16提问于2021-12-09得票数 0
这是我的测试用例。
如果我只是打开svg本身，内部img就会呈现得很好。
但是，当我使这个svg成为一个img的src时，内部的img就不会呈现。我没有收到错误。
如果我使内部img成为一个数据-url，它就会被呈现。如果可能的话，我想避免数据-urls，因为它们复杂的事情，有大小的限制，不能被缓存。
同样的事情发生在FF，Chrome，Opera和Safari中。
我找不到解决方案，但可能是相关的：
跨血统的问题？
规格的限制？
浏览器错误？
浏览 0提问于2015-01-17得票数 5
我使用D3.js来呈现SVG元素，每个元素都包含一个foreignObject，这样我就可以附加一个带样式的div文本。HTML如下所示： <g class=node ...>
<circle ...></circle>
<clipPath ...>
<circle ...></circle>
</clipPath>
<image ...></image>
<foreignObject ...>
&
浏览 36提问于2019-03-02得票数 1
回答已采纳
我基本上有两个三角形，它们合在一起形成一个矩形(浏览器屏幕的高度和宽度。
为此，我创建了两个SVG以应用于两个div。
然而，由于某些原因，这只在firefox中有效。当我尝试在safari和chrome中查看它时，div是隐藏的。
请帮帮我！为什么会发生这种情况？
SVG 1：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
&l
浏览 2提问于2014-06-20得票数 0
1回答
对于Firefox & Safari中的svg: tspan元素，宽度似乎总是为零(或null)。
对于Firefox11和IE9中的SVG文本元素，jQuery函数width()和height()返回0。在Chrome 17和19中，它们都按预期工作。我还尝试过usinf offsetWidth & getComputedTextLength()都返回0或null。
这是我的查询代码：
$('svg #aitext-2-front-middle').find('tspan').each(function(i){
浏览 13提问于2014-05-06得票数 3
通过使用getBBox()方法获得边界框，我尝试根据文本的宽度和高度放置一个SVG文本元素。
如果文本使用websafe字体，这在不同的浏览器上工作得相当好，但如果文本使用@ font -face和自定义webfont设置样式，则在Firefox (Mac)和Safari (iOS)中返回的文本宽度将不正确。它在Safari (Mac)和Chrome (Mac)上都能完美工作。
如果灰色框的宽度与文本相同，则它可以在该浏览器中工作。
有没有人知道如何在所有浏览器中获得正确的文本边框宽度？
浏览 2提问于2012-09-20得票数 4
我想把我的SVG的所有<rect>元素替换为foreignObject，它可以工作很好的FireFox和基于铬的浏览器，但是在Safari中失败了。
MWE:
HTML/SVG
<!DOCTYPE html>
<html lang="en">
<body>
<svg>
<rect id="rect1" width="100" height="100" />
</svg>
</body>
</ht
浏览 12提问于2021-03-19得票数 0
回答已采纳
2回答
我试图为一个网站创建一些动态创建页面的缩略图，我找到了一个解决方案，我在svg中添加了html，然后在画布中的一个图像上绘制，然后在图像绘制后调整大小。
此解决方案适用于firefox和chrome，但在safari中不起作用，svg似乎没有绘制--我只是得到了一个空白页。我没有任何错误，即使我放了一些尝试捕捉，我无法找到一个解决方案在网上。
我的html只是一个带有画布的基本测试页面，我试图在头上添加一个元标记。
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf
浏览 3提问于2014-01-10得票数 10
回答已采纳
我有两个模型：
带关系的Mail类：
'relAttachments' => array(self::MANY_MANY, 'File', 'rel_mail_file(rel_mail, rel_file)'),
Mail附加了扩展，所以我可以使用1行代码将附件链接到它，我这样做：
$mail->relAttachments = $attachments; // $attachments is an array of ids for `File` models
带关系的Mailque类：
'relMail' =>
浏览 0提问于2012-09-26得票数 2
回答已采纳
1回答
导入带有渐变和纹理的svg文件
、、、、
我使用的是库。
有人知道如何导入带有渐变和纹理的svg文件吗？
我使用的代码与我在公司中使用的代码相同(相同，我想也是如此，现在我不能再访问它，但我使用的代码使用的是相同的库--拉斐尔svg导入经典)。
jQuery(document).ready(function(){
jQuery.ajax({
type: "GET",
url: "assets/demo.svg",
dataType: "xml",
success: function(svgXML) {
var paper = Rap
浏览 2提问于2013-04-03得票数 0
2回答
元素追加到D3中时不出现
、、、
我正在尝试创建一个图例，它显示一个颜色块，与该颜色对应的名称，以及一个用于更改颜色的下拉列表。下面是我的代码：
function create_legend(){
var legend = legendSVG.selectAll("g.legend")
.data(ext_color_domain)
.enter().append("g")
.attr("class", "legend");
var ls_w = 20, ls_h = 20;
//create color blo
浏览 0提问于2016-03-26得票数 1
2回答
目前正试图在我的图表上包装一些文本标签。我正在效仿迈克·博斯托克( Mike )的榜样。当我尝试实现他的例子时，它适用于我的y轴，但我需要它在我的x轴上工作，我不太清楚它为什么不能工作。
chart2.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("transform", "rotate(-90)")
.attr("
浏览 6提问于2015-04-17得票数 1
回答已采纳
将最后的工作应用于交互式信息图，我将HTML页面上的SVG对象的对齐方式从左更改为居中。这一变化打破了出现在每个州的小弹出框的位置。下面是左对齐的版本，它正确地工作：
和居中的版本，它错误地放置弹出：
下面是使用getBoundingClientRect()确定弹出位置的代码：
targetbackground = document.getElementById(selectedstate + mapyear);
targetwidth=targetbackground.getBoundingClientRect().width;
targetex = targetbackground.g
浏览 0提问于2013-11-21得票数 0
回答已采纳
考虑到这个html+svg
<div id="svg" style="width: 300px; height: 300px">
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
<svg x='10' y='10' id='group'>
<rect id="rect" x=
浏览 5提问于2012-09-17得票数 10
回答已采纳
我在网站上使用SVG精灵。在缩放页面之前，它们呈现得很好--近90%的情况下，Safari会崩溃并转到桌面。这种情况发生在iPad 3和iPhone 4上。有没有人遇到过同样的问题？在谷歌上找不到任何东西，也不知道从哪里开始。
精灵的创建方式如下：
i.sprite {
background-image: url("sprites.svg");
background-repeat:no-repeat;
display:inline-block;
height: 28px;
width: 29px;
vertical-align:m
浏览 0提问于2013-02-06得票数 2
在我的SVG中，有一个包含p元素的foreignObject。我希望这个结构的高度能够适应我的文本的高度。
P元素已经被修改了:我没有为此做任何事情。
但是我给foreignObject带来了麻烦。如果我去掉字段高度，它就不工作了。高度:自动也不起作用。
浏览 47提问于2013-04-28得票数 16
我有一个基本的SVG散点图与d3.js，并希望有一个输出段落在绘图中的固定位置。最初，段落显示了一些基本的用法文本，但是一旦用户与绘图交互，段落就应该显示一些包含html特性的输出，比如<sub>标记和特殊符号。
我将该段落实现为SVG中的foreignobject，大小相当大，以便包含初始文本。它在Safari和Chrome上运行得很好，但在火狐上就不行了：foreignobject与圆点重叠，无法悬停在圆点上。你知道如何修复它或如何实现它来避免这些问题吗？
参见下面的示例代码或 -请记住，它在Safari中运行良好，但在Firefox中不起作用：
<!DOCTYPE ht
浏览 2提问于2014-08-19得票数 0
我有一个react组件，当onRef被调用时，它会调用一个正确的方法onSizeChange。
onRef包含dom api查询。
我想声明onSizeChange是被调用的。这在酶的挂载中失败了，因为getBBox()在jsdom中不存在。错误：getBBox is not a function
我怎样才能让测试运行，这样我才能断言调用了onSizeChange？
更广泛的问题:当测试在jsdom中运行时，你如何处理ref函数中不支持的dom api查询，它们能以某种方式被模拟吗？
/* Abbreviated component class code */
onRef(textNode)
浏览 0提问于2017-05-18得票数 4
如何换行getOrgChart上的文本。我只需要显示到字段名称和地址。有没有办法删除其他字段，如(电话，电子邮件)和扭曲文本，以便它显示完整的文本，而不是…
浏览 4提问于2018-06-09得票数 0
在angular 7中，我想使用SVG foreignObject插入一些HTML它不是working.The终端报告error.The angular无法识别HTML标签 这是代码 <g id="peizhi" (click)="config()" style="width: 110px; height: 30px" transform="translate(181,0)">
<!-- <a (click)="config()" style="width: 110px;
浏览 23提问于2019-04-12得票数 5
1回答
我得到了一个非常奇怪的错误与角-ui引导工具提示。当它的属性tooltip-append-to-body设置为true on 时，一些页面(不是所有页面)都不能工作。每次我悬停目标元素角ui时，都会将元素追加到DOM (请看屏幕截图)，不要在"unhover“中删除它。
我将非常感激任何关于可能的原因的想法。
浏览 2提问于2016-12-28得票数 0
1回答
使用foreignObject，您可以在SVG中使用<video>标记，如下所示：
<foreignObject width="100" height="100" x="10" y="250">
<video xmlns="http://www.w3.org/1999/xhtml" style="background: #ffffff; width: 150px; height: 50px;">
<source src="https://
浏览 0提问于2017-09-05得票数 1
1回答
我将textarea嵌入到一个嵌套的svg中foreignObject中，但是textarea不能显示在我的最新的chrome中。有人能帮我吗？提前感谢！
textarea {
resize: none;
width: 128px;
height: 20px;
font-size: 13px;
}
<svg width="1000" height="200">
<foreignObject x="35" y="10" width="130" height="22&#
浏览 1提问于2017-12-21得票数 1
2回答
我在svg外部对象中有div，其中有溢出:auto
卷轴只使用鼠标滚轮，不能拖动条
它可以在firefox上工作，但是不能在chrome/safari上工作。
如果不对svg-g元素进行转换，则工作正常。
见小提琴：
是铬中的窃听器吗？有办法绕过吗？
<svg width="1000" height="800">
<g transform="translate(100,50)">
<rect x="4" y="4" width="110"
浏览 2提问于2015-12-10得票数 6
3回答
我试着解决这个问题已经一天多了，但是我找不到答案。我的问题是我需要缩放SVG图像(响应式设计)。我需要在客户端操作SVG代码，所以不能通过img标记嵌入它。因此，我尝试使用内联图像。然而，为了适当地缩放它，我似乎需要设置viewBox属性。SVG文件是由一些软件生成的，这些软件不能自己设置边界框，所以我的想法是使用JavaScript来实现这个目的。
问题是，我的软件使用了库中的各种选项卡控件，我无法对其进行修改。我不能只得到边界框，因为它最初并没有渲染，因此我只能返回0(在Chrome中)或错误消息(在Firefox中)。
我需要的是一种在不渲染对象的情况下获得边界框大小的方法。无法操作显示
浏览 2提问于2015-02-03得票数 5
1回答
我正在尝试构建一个定时器，我也试图使用SVG，特别是。我有一个输入字段，可能没有适当的大小，但我使用对齐来处理这个问题。但是，如果我输入默认值，甚至尝试在页面加载后使用javaScript设置该值，我的代码就会中断。这是不工作的，我无法键入可见区域。但是，如果我使用delete键删除了已经存在的数据，或者我只是不输入默认值并键入值，那么对齐似乎就很好了。下面是具有默认值的代码：
body{
background-color: black;
}
#input1, textarea{
text-align: right;
background-color: black;
浏览 2提问于2022-02-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
