Question

我想用Raphael为对象（或其他任何事情）创建一个投影。我在网上搜索并找到了一些消息来源，但我不知道如何将它应用到我的代码中。根据我的理解，Raphael中有一个blur（）方法，但我没有在他们的文档中找到它。无论如何我是拉斐尔的新手，所以如果有人能提供一些帮助我会很感激。这是我到目前为止的代码......

<html>
<head><title></title>
<script src="raphael-min.js"></script>
<script src="jquery-1.7.2.js"></script>
</head>

<body>

<div id="draw-here-raphael" style="height: 200px; width: 400px;">
</div>

<script type="text/javascript">
//all your javascript goes here

var r = new Raphael("draw-here-raphael"),

    // Store where the box is
    position = 'left',

    // Make our pink rectangle
    rect = r.rect(20, 20, 50, 50).attr({"fill": "#fbb"});



var shadow = canvas.path(p); 
shadow.attr({stroke: "none", fill: "#555", translation: "4,4"}); 
var shape = canvas.path(p);

</script>

</body>
</html>

Answer 1

您需要使用glow。 here's一个例子

在拉斐尔投下阴影

1 个答案: