如何使用拉斐尔旋转纯图像

How to rotate plain images using Raphaël?

本文关键字：旋转 图像 何使用      更新时间：2023-09-26

这可能是也可能不是一个非常微不足道的问题，但话又说回来，我对这个JavaScript库是完全陌生的（即今天才开始阅读它）。究竟如何使用Raphaël在我的服务器上旋转简单的图像（png/jpeg等）？是否需要事先将其转换为 SVG？换句话说，我需要在 http://raphaeljs.com 上复制此演示

您可以将图像放在画布上并对其应用旋转变换。下面是一个示例：

var paper = Raphael("thepaper", 300, 300);
var theImage = paper.image("https://i.stack.imgur.com/Zg08b.png", 0, 0, 128, 128);
theImage.transform("R45");

您可以在此处查看其工作演示。

您可以通过应用动画轻松设置动画。将最后一行更改为：

theImage.animate({"transform": "R45"}, 10000);

你可以看到它在这里工作，这将在 10 秒内将其旋转 45 度。

相关文章：