Html 能够通过缩放选择文本吗?
我有一个svg,其中包含文本元素。我希望能够选择此文本,我可以这样做,除非我添加缩放:Html 能够通过缩放选择文本吗?,html,css,d3.js,svg,Html,Css,D3.js,Svg,我有一个svg,其中包含文本元素。我希望能够选择此文本,我可以这样做,除非我添加缩放: var zoom = d3.behavior.zoom().on("zoom", function() { inner.attr("transform", "translate(" + d3.event.translate + ")" + "scale(" + d3.event.scale + ")
var zoom = d3.behavior.zoom().on("zoom", function() {
inner.attr("transform", "translate(" + d3.event.translate + ")" +
"scale(" + d3.event.scale + ")");
});
svg.call(zoom);
为了使文本具有可选择性,我必须对Javascript/HTML/CSS进行哪些必要的更改?这里正在进行一些活动竞赛。缩放/平移事件处于更高级别,并且正在吞噬文本上的文本选择。要正确设置,请在与文本元素交互时停止事件传播:
可变宽度=500,
高度=500;
var zoom=d3.behavior.zoom()
.scaleExtent([1,10])
。打开(“缩放”,缩放);
var svg=d3.选择(“正文”).追加(“svg”)
.attr(“宽度”,宽度)
.attr(“高度”,高度)
.呼叫(缩放)
.附加(“g”);
svg.append(“文本”)
.attr(“x”,250)
.attr(“y”,250)
.text(“这是一些文本”)
.on(“mousedown”,function(){
d3.event.stopPropagation();
});
函数缩放(){
attr(“transform”、“translate”(+d3.event.translate+))比例(+d3.event.scale+);
}
@RobertLongson我不熟悉UAs是什么,但就浏览器bug而言,我认为这是一种设计选择。我正在使用Firefox,我的检查器显示moz用户选择:无代码>当我开始拖动时。