Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 能够通过缩放选择文本吗?_Html_Css_D3.js_Svg - Fatal编程技术网

Html 能够通过缩放选择文本吗?

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 + ")

我有一个svg,其中包含文本元素。我希望能够选择此文本,我可以这样做,除非我添加缩放:

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用户选择:无当我开始拖动时。