Rapahel js：動態定位和動畫

我是js和web開發人員的新手，我想用raphael js爲我的網站添加動畫。Rapahel js：動態定位和動畫

下面是我用一個基本的幻燈片的動畫代碼：

paper.text('1000','25%','this is a\ntest').animate({x: '50'}, 1000, 'linear');

（test it here）

，當我把固定值x參數它工作正常。但是，當我使用動態定位時，動畫不會發生，文本在定位之前會等待動畫的持續時間。至少最終的定位是我在找什麼：

paper.text('300%','25%','this is a\ntest').animate({x: '50%'}, 1000, 'linear');

爲什麼它不工作？有沒有辦法解決？

來源

2013-10-11 Aserre

我不確定raph可以像那樣工作（動畫到一個百分比），但我可能是錯的。

這是你之後的事情嗎？

paper.text(paper.width * 3,'25%','this is a\ntest').animate({x: paper.width/2}, 1000, 'linear');

來源

2013-10-11 21:58:30 Ian

謝謝，這樣做的伎倆，我只是不得不調整紙張使用容器的寬度和高度，使其工作。但是，當您調整窗口大小時，它不會縮放，而其他定位方法確實如此。我想我將不得不做這個功能...... – Aserre

我不太清楚你是在動態還是手動操作之後，但我會想象你想要的仍然是可能的。有很多方法可以獲得像document.getElementById（'container'）。offsetWidth這樣的div的寬度。這裏有一個使用jquery的小提琴，它說明了檢測窗口大小可以綁定。http://jsfiddle.net/UqYCr/ – Ian

Rapahel js：動態定位和動畫

回答

相關問題