javascript - 如何使用 Raphael.js 缩放文本

Question

我最近开始了解 Raphael.js，并尝试进行一些实践。 我想缩放文本，但它不起作用。 在 Google 上搜索了很多之后，我没有找到任何想法。

代码是:

var paper = Raphael("paper1", 1000,1000);

var txt = paper.text(20,50,"Hello World").attr({
"font-family":"Arial","font-size":"30px", "font-weight": "normal", 
fill: "#000000", stroke:"black", "stroke-width": "0px",
"text-anchor" : "start" , "font-style": "normal"});

flip 通过 txt.scale(-1,1) 工作 但 txt.scale(2,1) 没有缩放文本。

有没有办法缩放文本？

注意:文本的字体大小需要保持不变，即在我的例子中为 30px。

Answer 1

Is there a way to scale a text?

<强> DEMO

我查了一下，它就像一个魅力

var r = Raphael('test');

var t = r.text(200, 100, "I am a text").attr({fill:'red', 'font-size':30});

$('#zoomin').click(function() {
    t.scale(2);
});

$('#zoomout').click(function() {
    t.scale(.5);
});