Question

我在我的网络应用程序中使用raphael js和raphael free-transform。问题是当我动画图像时，只有图像是动画，而不是自由变换bbox。我希望当我开始动画时，free-trnsform bbox应该与图像一起移动。怎么做？

我的代码：

<b>Click on rectangle</b>
 <div  id="editor"></div>

JS：

var paper = Raphael("editor", 635,500),
        canvas= document.getElementById('editor').style.backgroundColor='gray';
r = paper.rect(80,40,200,80,5).click(function () {
r.animate({transform:"r-10,0,0"}, 1000); 
});

r.attr({
         fill:'red',
    });
 ft= paper.freeTransform(r,{draw:['bbox'],
            rotate: true,keepRatio:[ 'axisX', 'axisY', 'bboxCorners', 'bboxSides'],
            scale:[ 'axisX', 'axisY', 'bboxCorners', 'bboxSides' ]});

小提琴： http://jsfiddle.net/LJTPU/11/

Answer 1

有办法做到这一点......工作正常。

ft.attrs.rotate = ft.attrs.rotate + 90;

应用自由变换动画图像？

1 个答案: