Question

我正在尝试使用以下方法更改SVG文本的大小：

$("#text"+x).click(function(){
    //$(this).style("font-size", "4");
    document.getElementById("text"+x).setAttributeNS(null, "font-size", "4px");
    //this.attr("font-size", "4px");
    alert('it is I'); 
});

你可以在那里看到我失败的大多数尝试。我收到弹出警报，但没有任何反应，没有错误信息。我搜索了网络和Stack Overflow无济于事...... 我正在使用JS + Jquery！

欢迎任何提示！干杯！

Answer 1

使用下面的代码。检查DEMO。您需要将font-size设置为属性。

 $(document).ready(function(){ 
  $("#text"+x).on('click',function(){
    $(this).attr("font-size", "50");
    alert('it is I'); 
  });
 });

或者如果要动态添加svg元素，请使用以下代码

 $(document).ready(function(){ 
    $(document).on('click',"#text"+x,function(){
      $(this).attr("font-size", "50");
      alert('it is I'); 
    });
 });

单击鼠标更改SVG字体大小

1 个答案: