腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(6406)
视频
沙龙
1
回答
离
屏
SVG
的
JavaScript
方法
getBBox
()?
、
是否有可能获得
SVG
路径
的
边界框而不将其放置在dom中? " /></g>`;box =
svg
.
ge
浏览 95
提问于2021-11-01
得票数 1
回答已采纳
3
回答
隐藏时
SVG
的
GetBBox
、
、
、
我
的
问题是我需要缩放
SVG
图像(响应式设计)。我需要在客户端操作
SVG
代码,所以不能通过img标记嵌入它。因此,我尝试使用内联图像。然而,为了适当地缩放它,我似乎需要设置viewBox属性。
SVG
文件是由一些软件生成
的
,这些软件不能自己设置边界框,所以我
的
想法是使用
JavaScript
来实现这个目的。 问题是,我
的
软件使用了库中
的
各种选项卡控件,我无法对其进行修改。我需要
的
是一种在不渲染对象
的
情况下
浏览 2
提问于2015-02-03
得票数 5
1
回答
SVG
->
getBBox
失败,但只有一半时间
、
、
、
我试图使用
getBBox
方法
获取
SVG
呈现中文本元素
的
宽度,但由于一些奇怪
的
原因,它只工作了一半时间,另一半失败了。下面是我使用
的
JS代码:var passWidth = numberTitle2.node().
getBBox
().width; 因此,有一半时间它会记录[object SVGRect]并将passW
浏览 7
提问于2014-05-15
得票数 2
回答已采纳
1
回答
根据高度和文本创建容器宽度和字体大小
、
我有以下变量:A文本:约翰·史密斯基于这些变量,我想创建一个
svg
文档,其中呈现
的
文本符合高度,宽度适合呈现
的
文本。因此,在我
的
例子中,这看起来像这样(手动完成): <?xml version="1.0" standalone="no"?> <!DOCTYPE
svg
PUBLIC "-//W3C//DTD
SVG
1.1/
浏览 4
提问于2012-10-17
得票数 0
3
回答
错误:在火狐中使用NS_ERROR_FAILURE ()
、
、
我希望使用
getBBox
()
方法
来获取在
SVG
中创建
的
元素
的
宽度和高度。请帮我解决这个问题。 console.log(document.getElementById("rect1").
getBBox
()); console.log(document.getElementById("rect2").
getB
浏览 2
提问于2017-07-19
得票数 5
1
回答
用
getbBox
获取
svg
中每个组
的
坐标不工作?
、
、
、
如何获得
svg
内有id
的
每个组
的
坐标?正确
的
方法
是什么?$("
svg
").find("g[id]").each(function(){ varyPos = $(this).
getBBox
().y; con
浏览 2
提问于2014-11-26
得票数 2
回答已采纳
4
回答
使用jQuery获取
SVG
路径
的
边界框
、
我想在jquery中获得
svg
path
的
getBBox
()。我试着这样做我已经将路径添加到
SVG
元素中。我尝试了
SVG
中
的
一些其他元素,例如text node,在这种情况下,它返回某个边界框值。 如何在
SVG
中计算路径
的
边界框?<path id="contain
浏览 3
提问于2013-05-05
得票数 12
1
回答
根据渲染结果调整
SVG
内容
的
大小
、
、
我认为这是显而易见
的
,我肯定遗漏了一些东西,但请看下面这段非常简单
的
代码</
svg<
浏览 3
提问于2017-06-06
得票数 0
1
回答
访问内插
SVG
的
转换组包围框(x和y位置,宽度和高度)?
、
、
是否有一种“容易”
的
DOM
方法
来获得组
的
转换位置(中心或原点)和边框(宽度、高度)?)" ></g><div id=
浏览 0
提问于2019-12-19
得票数 0
1
回答
在
svg
中
的
组元素顶部呈现文本元素
、
、
我有一个
svg
映射(通过jquery呈现给dom ),其中包含一个或两个路径元素
的
组元素。但是文本没有显示在group元素
的
顶部。但是我得到
的
对象不支持
Javascript
中
的
这个属性错误。我做错什么了吗..。$("#
svg
浏览 0
提问于2013-02-04
得票数 0
回答已采纳
1
回答
通过getBoundingClientRect()获取正确
的
视图端口坐标
、
、
、
将最后
的
工作应用于交互式信息图,我将HTML页面上
的
SVG
对象
的
对齐方式从左更改为居中。这一变化打破了出现在每个州
的
小弹出框
的
位置。下面是左对齐
的
版本,它正确地工作: targetbackground = document.getElementByIddatapopup").attr("transfo
浏览 0
提问于2013-11-21
得票数 0
回答已采纳
1
回答
用角度测量
svg
元件
的
尺寸
、
我正在尝试使用
SVG
在Angular中创建一个类似仪表
的
组件来绘制形状。我想要在矩形内居中显示文本。文本将根据仪表
的
值而变化,因此,我希望调整字体大小,使值适合矩形。我遇到
的
问题是,当我尝试测量
svg
元素(矩形和文本)
的
尺寸时,原生元素
的
getBoundingClientRect()返回零。我正在通过@ViewChild() : ElementRef获取原生元素。有没有更好
的
方法
来做这件事? 我已经做了一个stackblitz,它在尝
浏览 3
提问于2018-08-06
得票数 0
回答已采纳
2
回答
自动缩放
SVG
到其父服务器
、
我试图让
SVG
自动缩小,并将垂直安装到其父容器中。 只是搞砸了,看起来设置等于“0,1100,100”差不多是正确
的
,但在我
的
一生中,我不能推广一条计算它
的
规则。DOCTYPE
svg
PUBLIC "-/
浏览 1
提问于2013-10-04
得票数 1
回答已采纳
1
回答
如何缩放
SVG
矩形以适合
svg
文本元素
、
、
所以问题来了:首先,我希望
svg
元素
的
左右边缘保持不变,即使我水平缩放该元素 问题是我必须在
svg
上设置一个宽度,否则当我显示页面时它不会显示出来。此外,在主页和博客按钮上,您可以看到边缘是压缩
的
。我希望无论元素中有多少文本,边缘都保持不变。而且,即使使用
javascript
.getCom
浏览 0
提问于2012-01-28
得票数 0
回答已采纳
1
回答
如何获取HTML5
SVG
元素中所有元素
的
位置
、
、
、
我正在创建一个类似于
的
程序,但我不知道如何获取
SVG
标记中所有元素
的
坐标。
浏览 2
提问于2012-07-28
得票数 0
3
回答
D3:获取所选元素
的
边界框
、
、
、
我在
svg
中有几个元素,我想放大其中
的
一个。d3.select(myElement).bounds() that I can use to pan and zoom my
svg
谢谢
浏览 6
提问于2014-07-02
得票数 4
2
回答
如何获得
svg
文本元素
的
严格边界?
、
我需要
SVG
文本元素
的
“严格”边界。当我使用
getBBox
时,我得到
的
高度似乎包括字体
的
全部可能
的
字形高度,而不考虑文本中
的
特定字符。我得到
的
宽度因浏览器而异,但通常比字符实际占用
的
长度多几个单位。有没有办法得到一个只包含文本中字符
的
方框? 例如,我希望下面创建
的
rect将文本'.....‘紧紧地包裹起来。然而,在
getBBox
返回
的
边界框中有很多“剩余
浏览 2
提问于2013-03-08
得票数 4
回答已采纳
2
回答
获取矩形元素
的
屏幕像素坐标
、
我正在尝试通过java脚本获取
SVG
中矩形
的
屏幕像素坐标。单击矩形后,我可以用
getBBox
()计算出它
的
宽、高、x和y位置。 但这些位置是原始位置。我想知道屏幕
的
位置。例如,如果我操作整个
SVG
的
viewBox,这些
getBBox
坐标与屏幕像素并不相同。考虑到当前
的
viewBox和
svg
元素
的
像素大小,有没有一个函数或
方法
可以获得坐标?
浏览 5
提问于2011-04-29
得票数 16
回答已采纳
2
回答
获取
SVG
路径
的
边界框
、
、
我想要
的
正是这个页面所做
的
<path d="M147.5 55.8c-5.8-7.2-13.6-14.4-25.5-14.4
浏览 0
提问于2016-10-29
得票数 6
回答已采纳
1
回答
将图形居中到特定视点
的
位置
我使用
的
是ariutta
svg
-
svg
zoom脚本。选项fit和center设置为true。在我
的
SVG
中有一个viewbox定义,如下所示:
svg
的
宽度和高度设置为屏幕尺寸。需要在地理坐标中以特定
的
点为中心,如: 27.81 -43.221,然后在4级缩放。据我所知,我必须提供像素坐标来平移功能。在我
的
浏览 3
提问于2018-11-21
得票数 0
点击加载更多
相关
资讯
JavaScript数组中常用的方法
昂顿科技等申请高压SVG电磁兼容性优化设计方法及装置专利,提高SVG设备的电磁兼容性
Adobe Acrobat Reader DC禁用javascript的方法
JavaScript 中的12种循环遍历方法
JavaScript基础-数组排序的6种方法
热门
标签
更多标签
云服务器
ICP备案
对象存储
云直播
实时音视频
活动推荐
运营活动
广告
关闭
领券