Raphaelを使用して、オブジェクト(またはそれに関するもの)のドロップシャドウを作成したいと思います。Webを検索していくつかのソースを見つけましたが、コードにどのように適用するかがわかりませんでした。私が理解していることから、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>