下午好。我有一个问题： 我使用Rafael JS渲染多个形状和图片。我可以毫无问题地改变数字的颜色。但有没有办法改变图片的颜色？
不重要的图像格式，能够改变颜色的主要内容。例如，我们画一辆白色轿车。
car = r.image ('car-white.png', car_pos.x, car_pos.y, car_w, car_h);
在页面上，我得到以下代码：
<image x = "168.36" y = "54.14" width = "59.10" height = "49.10231526692708" preserveAspectRatio = "none" xmlns: xlink = "http://www.w3.org/1999/xlink" xlink: href = "car-white.png" transform = "matrix (1,0,0,1,0,0)" style = "- webkit-tap-highlight-color: rgba (0, 0, 0, 0); "></ image>
我在互联网上查看了这个问题，建议各处使用画布。但RaphaelJS不是画布，我想找到解决这个问题的方法。
答案 0 :(得分：0)
如果图像格式不重要，请将它们设为SVG（如果可能）。你可以用RaphaelJS导入它们并操纵它们（只需使用像this这样的转换器）。你不能用Raphael操纵其他格式（比如png，jpeg，bmp ...）只有通过Raphael创建的矢量图形（SVG）或图形。
btw的另一种可能性。是将矢量图形包含在HTML集类或标识符中，并使用jQuery UI来操作颜色。