腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(1737)
视频
沙龙
0
回答
Chrome
中
coordnate
很大
时
,
svg
圆弧
路径
getBBox
结果
错误
有一个"M 1050000 80 A 40 40 0 1 0 1050000 40"的
路径
元素,
getBBox
()
结果
的宽度和高度是:0.0000711679458618164, 0.00007629334868397564如果将
路径
向左移动10000像素,变为"M 1040000 80 A 40 40 0 1 0 1040000 40",则
getBBox
()
结果
的宽度和高度为:74.625, 79.99937438964844元素的宽度和高度没有
浏览 2
提问于2017-01-04
得票数 0
2
回答
计算safari和
chrome
中
svg
路径
的
getBBox
()
中
包含的控制点
、
、
这与这个
错误
有关: 给定一个
圆弧
(中心,半径,半径,endAngle),我可以计算
路径
上的点,然后计算它们的边界框,然而,在safari和
chrome
中
,有一个bug,它包括边界框
中
的弧的控制点。由于渐变填充应用于形状的边界框,这会导致覆盖形状的渐变略有不同,这取决于浏览器是否有此
错误
。我的问题是:在不使用实际API (
getBBox
())的情况下,如何在给定这些参数(center、radius、startAngle、endAngle)的情况下计算<e
浏览 0
提问于2014-10-18
得票数 0
2
回答
Raphael JS:复杂
路径
的scale/
getBBox
在IE中比在
Chrome
/Firefox
中
慢得多吗?
、
、
我在拉斐尔(500坐标)中有一条相当复杂的
路径
。但是为什么浏览器之间会有如此大的差异呢?我知道
Chrome
/Firefox使用
SVG
,而IE使用VML,但是scale()函数是拉斐尔函数库本身的一部分,不是吗?同样奇怪的是,当我缩放()然后执行<em
浏览 2
提问于2011-06-16
得票数 2
7
回答
我可以沿
SVG
路径
应用渐变吗?
、
、
它应该是一个简单的
圆弧
,它有一个梯度,并在用户等待
时
旋转。我还没有尝试过动画部分,但现在被静态样式卡住了。这是我到目前为止所得到的:<
svg
version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/
svg
" stroke="url(#g
浏览 3
提问于2013-02-01
得票数 74
回答已采纳
1
回答
在可变宽度div
中
通过.getBoundingClientRect()定位
SVG
元素
、
、
我试图根据共享相似属性的现有
SVG
文本元素来定位一组
SVG
循环元素。 圆形元素是在一个与文本元素非常独立的过程
中
创建的,因此仅使用与旧元素相同的转换等来定位新元素并不是可行的选择。我试图使用.getBoundingClientRect()来获取位置,因为文本元素被转换为位置(所以.
getBBox
()不是选项),而不是由x和y属性定位。使用.getBoundingClientRect(),我可以得到新元素的正确大小/排列,但是由于包含
svg
的div的宽度是可变的,所以总是有一些奇怪的偏移量,我无法
浏览 0
提问于2015-05-11
得票数 2
回答已采纳
3
回答
如何在
SVG
上居中显示Bootstrap工具提示?
、
、
我想将工具提示向右移动几个像素,这样箭头就位于光标所在单元格的中心(目前,它位于(0,0),即左上角)。这是我的代码: title: "hola", });理想情况下,我希望使用javascript来实现这一点,这样如果我改变单元格的大小,我就可以更新像素数。
浏览 0
提问于2012-05-24
得票数 11
回答已采纳
1
回答
SVG
& HTML:
getBBox
和getBoundingClientRect与在检查器
中
悬停在节点上的情况不同
、
、
因此,我在
svg
元素中有一个<g>标记,其中包含一个由{x:0,y:0,width:1000,height;800}定义的矩形组成的clip-path。我添加了剪裁
路径
,因为我想隐藏一些超过这个标签的孩子。当我选择这个标记并出于某种原因调用
getBBox
()或getBoundingClientRect()
时
,我会得到裁剪
路径
的矩形,而不是溢出的大小。这很奇怪,原因有二: 鼠标在浏览器检查器(mozilla和
chrome
)
中
的元素上显示正确的维度(widt
浏览 0
提问于2018-05-17
得票数 0
回答已采纳
1
回答
在jQueryUI选项卡
中
,
SVG
'
getBBox
‘失败
、
、
我有一个独立的
SVG
图表生成器,可以与所有主要浏览器一起工作。但是,我刚刚添加了在jQuery UI选项卡
中
显示图表的代码,但代码已经损坏。具体地说,'
getBBox
‘现在通常会失败。它在FF
中
抛出异常,在Opera
中
按照预期工作,在
Chrome
和Safari
中
给出
错误
的答案。 我认为,新旧代码之间的区别仅仅在于我对选项卡
中
的“文档”的理解。
Chrome
和Safari在新选项卡中正确显示矩形,但bbox计算
浏览 0
提问于2012-01-02
得票数 5
1
回答
使用加载的字体
时
,offsetWidth、
SVG
宽度不正确
、
、
编辑-最初认为这只是一个
SVG
问题,但似乎适用范围更广。().width) var boundrect=testsvg.rect(100,100-text.
getBB
浏览 30
提问于2018-07-28
得票数 0
回答已采纳
1
回答
拉斐尔派图表
、
我正在尝试创建一个饼图,并在此自定义示例:以前有人这么做过吗?
浏览 0
提问于2011-07-26
得票数 4
回答已采纳
1
回答
viewbox为负值
时
鼠标事件的
svg
问题
我使用
SVG
绘制地理地图。但当viewbox为负值
时
-鼠标事件不起作用。请复习下面的小提琴: <
svg
width="100%" preserveAspectRatio="xMidYMid meet" xmlns="http:
浏览 14
提问于2019-01-07
得票数 1
1
回答
文本的D3 Sunburst剪辑
路径
、
、
我正在尝试实现一个基于sunburst图的d3可视化,我找到了一个几乎完美的在线示例,我已经开始工作了 我的主要问题是,我还需要裁剪文本到片段,我已经尝试使用
svg
剪辑
路径
,但我微不足道的d3
浏览 1
提问于2013-03-20
得票数 2
回答已采纳
1
回答
在编写
SVG
animateTransform脚本
时
使用变量?
、
我一直在尝试通过Javascript将
SVG
动画元素添加到组
中
。“animateTransform”似乎只在我使用数值时有效;当我使用通过
getBBox
定义的变量
时
,它不起作用(参见星号内的行)。由于在
Chrome
和Firefox上的
结果
是一样的,我猜这是我做错了什么。如果有人能帮我的话我会很感激的。var svgNamespaceURI = "http://www.w3.org/2000/
svg
"
浏览 3
提问于2013-06-03
得票数 1
回答已采纳
1
回答
Chrome
中
的文件Url跨域问题-意外
、
、
、
这个问题是关于
Chrome
在使用文件url
时
抛出跨域
错误
我使用object标记将一个
svg
文档嵌入到HTML
中
,数据属性采用相对
路径
的形式,在发生onload事件
时
,我希望使用getSVGDocument我正在使用文件url访问html文件,当调用getSVGDocument
时
,
Chrome
给出了一个跨域
错误
。
Chrome
实际上嵌入了
SVG
,但getSVGDocument不返回<
浏览 0
提问于2011-05-19
得票数 15
回答已采纳
1
回答
在
svg
中
的组元素顶部呈现文本元素
、
、
我有一个
svg
映射(通过jquery呈现给dom ),其中包含一个或两个
路径
元素的组元素。 <g class="clsTable" id="
svg
_20">我为g和子
路径
元素尝试了getBoundingClientRec
浏览 0
提问于2013-02-04
得票数 0
回答已采纳
1
回答
在浏览器
中
复制文本边框
、
、
、
当在浏览器中使用
SVG
时
,浏览器有一个
getBBox
函数来为您提供各种元素的边框。但是当涉及到文本元素
时
,我真的搞不懂这个采购框是如何计算的。我知道fontsize基于在字体文件中指定的em-Box。然而,我的测试表明,这些
结果
都不像FF或
Chrome
那样(在fontsize 1000上只有几个不同的px ):那么,在浏览器
中
bbox的文本高度背后的秘密是什么? 我甚至试图查看FF和
Chrome
的源代码,但要找到正确
浏览 2
提问于2017-03-31
得票数 1
回答已采纳
1
回答
鼠标悬停在大型
SVG
上会导致cpu使用率较高(性能较差)
、
、
、
、
我正在分析一个javascript库的性能,它显示了
很大
的
SVG
(有很多元素)。在
SVG
上连续移动鼠标
时
,会出现高cpu使用率(即使它位于
SVG
的空白区域) 看着
Chrome
中
的“性能监视器”,我很困惑,因为
Chrome
似乎不能识别负载来自哪里(参见图像
中
的灰色区域,这被归类为“其他我最终在
Chrome
中
打开了
SVG
(没有任何javascript),我仍然得到了同样的
结果
浏览 80
提问于2021-07-30
得票数 0
1
回答
在RaphaelJS
中
获取文本的实际边框
、
我想这是因为它看到的是字体
中
的一些信息,字体中有大(斜线)或位置非常高/低(高分)的地方--至少这是我的理论--然而,
getBBox
高度和实际值之间的差别似乎还是太大了。以下是一些数字:height: 162.28235294117644x: 13.411764705882433y: 13.411764705882351
SVG</em
浏览 0
提问于2016-11-25
得票数 1
3
回答
Google Maps API :v3图形剪辑/缩放
时
消失
、
、
、
然后,我将内联
SVG
代码放在该div
中
,让浏览器绘制线条和箭头。不要介意红色的方框和/或一些箭头的位移。这是正在进行的工作。 这里发生什么事
浏览 4
提问于2012-03-07
得票数 0
2
回答
如何规范化
SVG
路径
数据(跨浏览器)?
、
、
我试图找到一种方法来实现跨浏览器
路径
规范器。有一种原生的方式被描述为,功能示例是,但它只适用于最新的Opera (但不适用于IE、FF、Safari、
Chrome
)。原生方法使用pathElm.normalizedPathSegList,它将所有相对坐标转换为绝对坐标,并将所有
路径
段类型表示为以下类型的子集: M,L,C,z。
Chrome
给出“未捕获的
错误
: INDEX_SIZE_ERR: DOM异常1”。如何在Opera,Safari和
Chrome
中
修复这个问题,或者
浏览 0
提问于2012-10-19
得票数 5
回答已采纳
点击加载更多
相关
资讯
Android矢量图I-VectorDrawable
10个好用的Visual Studio Code插件“神器”
编写 SVG 的指南
【行业资讯】ECharts 5.0.1-rc.1 发布,JS 实现的交互式图表可视化库
CSS3 clip-path 用法介绍
热门
标签
更多标签
云服务器
ICP备案
对象存储
云点播
实时音视频
活动推荐
运营活动
广告
关闭
领券