如何限制d3.js中某些svg元素的缩放

Question

我使用D3.js创建了SVG并添加了3分。这些点包含文字和图像。

还有连接这些点的线。

        g.insert("g");
        var text = g2.selectAll("text")
         .data(formattedTopoData.features);

        var mark = g2.selectAll("image")
        .data(formattedTopoData.features);

        var link = g.selectAll(".line_DEFAULT")
        .data(formattedTopoData.links);

我已经附加了像这样的缩放回调

var zoom = d3.behavior.zoom()
     .translate([0, 0])
     .scale(1)
     .scaleExtent([1, 8])
     .on("zoom", function(){

        //svg.selectAll("path")
        g.style("stroke-width", 1.5 / d3.event.scale + "px");

        //svg.selectAll("path").
        g.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");};

现在当我缩放3个物体（线条，文字，图像）时会变焦。

我想限制图像和文字的缩放。

Plz帮助。 图像看起来像这样

我创建了plunker：here 在这里，我想用文本缩放地图。但我不希望文字在缩放时看起来很大