腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
SVG
上
的
Transform
translate
不变
、
我有一个包含两个元素
的
svg
,一个标题和一个副标题。副标题嵌套在标题下面。在媒体查询中,我需要从头部向右和向下少量地重新定位副标题。我使用如下所示
的
代码,但转换不起作用。<div class="logo"> @media(min-width: 0px){
transform
:
translate
(70px, 70px); } @media(min
浏览 26
提问于2019-07-19
得票数 1
回答已采纳
1
回答
D3直线图和点图
的
位置不同
、
、
、
var
svg
= d3.select("
svg
"); var width= +
svg
.attr("width") - margin.left - margin.right; var g =
svg</em
浏览 0
提问于2017-10-25
得票数 3
1
回答
IE9+和webkit中
的
SVG
几何缩放问题(d3.js)
、
、
、
我在Inkscape中创建了相当复杂
的
SVG
。它有两个层(组)、<path>、<rect>、<circle>和<text>元素。在火狐浏览器中,它可以正常工作,但是在基于IE9+和webkit
的
浏览器中,我可以看到
transform
属性
的
变化,但是图片保持
不变
。以下是缩放
的
代码: var
浏览 10
提问于2013-11-28
得票数 1
回答已采纳
1
回答
SVG
将相同
的
转换原点应用于组/符号
的
所有子级。
、
我无法获得可重用项或组中
的
所有子项目来符合指定
的
transform
-origin。目标是能够反复使用相同
的
样式模板重复使用相同
的
形状。然而,考虑到
transform
-origin
的
样式,CSS或其他,并不是层叠
的
。它只适用于<use>时。"
transform
="rotate(-45)"/></
svg
>
浏览 0
提问于2018-05-19
得票数 4
回答已采纳
2
回答
SVG
组子不按预期进行转换
、
、
我想把x轴
上
的
g元素转换成100 to,然后把它旋转45度,然后在它
的
中心旋转,但是我得到了这个奇怪
的
结果。 border: 1px solid black;
transform
:
translate
(100px, 0) rotateZ(45degsolid black;
transform
: rot
浏览 3
提问于2020-07-15
得票数 0
回答已采纳
1
回答
如何同时扩展和转换?
、
例如,当点击一个按钮时,它应该缩放到400%,然后使自己在屏幕
上
居中。这一切都应该发生在一个平滑
的
动画效果中。//animate vis to visible area .duration(2000) .duration(2000) .attr("
transform
", "sc
浏览 3
提问于2013-01-25
得票数 2
回答已采纳
1
回答
使
SVG
形状在移动和平板电脑
上
响应
的
问题
、
我有一堆
SVG
形状(六边形),完美地呈现在桌面屏幕
上
。然而,当屏幕被还原为平板和移动时,一些六边形无法正常呈现。我尝试过媒体查询,但仍然没有响应。顺便说一句,这个片段html是手工制作
的
,所以它有一堆重复
的
代码,其中有不同
的
x,y位置,所以不要害怕大量
的
html代码。="#pod"
transform
="
translate
(50, 94.5)" fill="tr
浏览 3
提问于2021-05-18
得票数 1
回答已采纳
1
回答
缩放/缩小时,在地图上保持D3对象大小
不变
、
、
我正在学习
的
例子有什么想法吗? var p
浏览 2
提问于2014-12-13
得票数 2
1
回答
重要信息:翻译后
的
SVG
不能在三星互联网上工作
、
、
、
、
我有一个水平填充一组div绘图
的
SVG
容器,这些绘图是动态绘制
的
。因为容器
的
宽度超过了窗口
的
宽度,所以应用了overflow-x: scroll !important。不过,尽管三星
的
互联网浏览器可以在大多数浏览器
上
使用,但它不能让div具有滚动功能。有什么我能做
的
吗?编辑:jQuery
的
scroll()函数也不会触发alert事件 EDIT2:我对每个
SVG
绘图执行动态
translate
(),以便
浏览 42
提问于2019-06-03
得票数 1
回答已采纳
1
回答
以光标位置作为变换原点
的
SVG
缩放
、
、
、
、
我试图使用触控板(通过移动两个手指向上/向下)缩放
SVG
圈,而转换
的
起源必须是光标的位置。第一次缩放效果很好,而对于其他每一次尝试,圆圈都会改变位置(不应该)。这可以清楚地看到,如果光标是在圆内和它
的
周长附近。下面是密码。<!top: 0; } </head> <<
浏览 3
提问于2021-12-05
得票数 0
回答已采纳
2
回答
使用def重用
SVG
中
的
转换。
、
、
假设我有一个具有复杂转换
的
矩形:
transform
="rotate(-30) skewX(30) scale(1, 0.86062)" />注意:我将对象分组,因为我希望将复杂
的
转换与其他转换组合起来,这样
的
解决方案就无法工作。 更新(r
浏览 1
提问于2014-08-06
得票数 1
回答已采纳
1
回答
为什么Webkit/Safari (iOS,macOS)以与Blink和Gecko不同
的
顺序呈现我
的
SVG
转换?
、
、
、
我有一个星号图标的最小
SVG
图像: <defs> <<rect class="a" x="45" y="0" width="10" height="100"
transfo
浏览 1
提问于2020-04-17
得票数 1
回答已采纳
3
回答
在
SVG
中嵌入
SVG
、
、
、
我找不到如何在
SVG
文档中嵌入两个
SVG
的
方法。我需要做它与代码
的
能力,这将与两个子
SVG
操作
的
能力,并希望在这两个领域有独立
的
坐标。我不喜欢使用HTML,因为我认为与
SVG
相比,它
的
局限性太大了。
浏览 1
提问于2011-11-07
得票数 5
回答已采纳
2
回答
如何在D3.js中使用translateX和translateY?
、
我构建了一个拖放事件,并且只希望在坐标为10
的
倍数时才拖动元素: const y = d3.event.y d3.select(this) } d3.select(this) .attr(
浏览 3
提问于2016-02-10
得票数 2
回答已采纳
1
回答
为什么两个
svg
元素具有相同
的
“`transition`”属性
的
行为不同?
、
、
、
、
在
svg
中,我将transition: all 3s linear添加到<rect>和<path>中,然后单击一个按钮使<rect>和<path>在两个位置之间重复并同时移动相同
的
距离,但是在移动过程中,为什么<rect>和<path>之间
的
相对距离不能保持
不变
?浏览器: Chrome const
svg
= document.querySelector("#<e
浏览 4
提问于2022-02-13
得票数 0
1
回答
如何链接D3缩放和pan控件
我想链接多个图表
的
变焦和平移控制在一起,所以他们所有的潘和缩放在一起时,其中一个图表,潘和缩放控件是订婚
的
。这是图表
的
快照。每个图表都有一个具有视图
的
概览图表,也可以移动。我想把所有的控件链接在一起,这样视图在每个图表
上
也是相同
的
。那么,如何在多个图表
上
链接pan和缩放控件呢? 下面是对这段代码
浏览 3
提问于2016-02-01
得票数 2
回答已采纳
1
回答
从下到上填充
SVG
我有一个
SVG
,我试图从下到上动画填充。我希望它作为颜色代码#ddd开始,我希望它以#ccc结束,在1秒
的
时间内从底部填充。我很难让它正常工作,因为它看起来有点奇怪。 <g
transform
="
tran
浏览 1
提问于2018-10-18
得票数 1
回答已采纳
1
回答
D3变换标度,保持位置
不变
、
、
我试图在d3中拖动一组元素,但是当鼠标在操作符
上
时,我也需要缩放这个组。这是我工作
的
。<
svg
width="400" height="400" style="background-color: red"> <g id="op" class="op
浏览 1
提问于2016-01-13
得票数 2
回答已采纳
2
回答
d3.behavior.zoom()将图移动到角而不是中心
、
、
、
", height) .attr("
transform
", "
translate
(" + width/2 + "," + height * .52 + ")").call(zoom);
svg
.attr('
transform
', '
translate
(' + d
浏览 3
提问于2017-06-11
得票数 1
回答已采纳
1
回答
在d3.js中移动轴
、
、
我现在在我
的
图中有两个轴,它们卡在图
的
最左边和底部。我希望使轴与(0,0)坐标对齐,换句话说,我希望轴位于x=0和y=0 //setup x .scale(xRange) .tickSubdivide(true), yAxis = d3.
svg
.axis()
浏览 4
提问于2015-08-25
得票数 0
回答已采纳
点击加载更多
相关
资讯
D3.js实战:数据可视化高级技巧实例应用
D3.js 满足你对数据可视化的一切幻想
Neo4j+D3展现的应用实例
苹果从现场擦除设备上的 CSAM 照片监控,但计划不变
SVG实现可爱的动物哈士奇和狐狸
热门
标签
更多标签
云服务器
ICP备案
对象存储
云点播
实时音视频
活动推荐
运营活动
广告
关闭
领券