Xoay vòng RaphaelJS không hoạt động

Question

Tôi đang đập đầu vào tường với cái này. Tôi có raphael js phiên bản 2.0 và tôi cần phải làm cho hình ảnh xoay theo cách đó là trình duyệt chéo. Tôi rất thích làm điều đó trong CSS3, nhưng không phải tất cả các trình duyệt đều hỗ trợ những gì tôi cần làm.

vì vậy, sau khi racking não, tôi đã đi đến sân chơi Raphael và thử một số mã trong đó. Không hoạt động ở đó. Những gì đang xảy ra ở đây?

đi đến sân chơi: http://raphaeljs.com/playground.html chạy mã này, sẽ thấy đường viền của hình vuông. paper.rect (100, 100, 300,300) .animate ({rotation: "- 45"}, 2000);

sử dụng tác phẩm transform:

paper.rect (100, 100, 300.300) .animate ({transform: "R45"}, 2000);

nhưng tiếc là với biến đổi, tôi dường như không thể chỉ định điểm giữa. Tôi muốn đối tượng xoay góc dưới cùng bên trái. Tôi có thể làm điều đó với mã này:

paper.rect (100, 100, 300.300) .rotate (45,0,300)

nhưng điều đó không động, hoặc chấp nhận giảm bớt, hoặc có bất cứ callbacks.

Tôi đã nhìn thấy "xoay vòng" trong một số ví dụ bao gồm những:

http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/

cảm ơn, - keith

Answer 1

Thuộc tính xoay dường như bị mất tích từ đặc tả 2.0. Nó tồn tại trong 1.x. Tôi không biết tại sao điều này là như vậy, nhưng tôi không thể tìm thấy nó trong tài liệu mới. Tôi hy vọng đây là một sự giám sát sẽ được sửa chữa trong một sửa đổi nhỏ trong tương lai.

Trong thời gian chờ đợi, bạn có thể tạo trình xử lý hoạt ảnh của riêng bạn và gọi .rotate trên mỗi đánh dấu dựa trên việc nới lỏng của riêng bạn.

Answer 2

Going to the playground site và dán đoạn mã này:

paper.rect(100, 100, 300,300).animate({transform:"r-45,0,0"}, 2000); 

quay hình chữ nhật từ vị trí tuyệt đối 0,0. Xem mã raphael js @github, cho biết rằng transform có thể lấy 2 hoặc 4 thông số để đạt được xoay vòng.