Question

我想用raphael js绘制一个棒状结构，赋予它渐变效果，使其显示出三维效果。但由于我只是初学者，我无法实现这一目标。谁能建议我怎么做？谢谢你的帮助

Answer 1

我会告诉你我所知道的。您将要使用渐变填充对象。我做了几个矩形让你看。与他们一起玩，并了解渐变填充的工作原理。这就是我的所作所为。：）

var paper = Raphael("holder");
paper.setSize(400, 400);
rect = paper.rect(25, 50, 25, 300).attr({fill: "180-#FFF:10-#f00:80-#000:95"});
rect = paper.rect(100, 50, 25, 300).attr({fill: "0-#FFF:10-#f00:80-#000:95"});
rect = paper.rect(175, 50, 25, 300).attr({fill: "90-#FFF:5-#f00:80-#000:95"});

填充中的第一个数字是填充的旋转。颜色后面的数字（例如#FFF：5）是偏移量。

这是一个类似的问题，有一些好的答案/信息：How to create gradient object with Raphael

用拉斐尔js拉杆形状的圆柱体

1 个答案: