Home/ Questions/Q 8162123
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T18:38:27+00:00

Does anyone know if Raphael supports the use of a drop shadow. I am

  • 0

Does anyone know if Raphael supports the use of a drop shadow. I am trying to create a drop shadow for an object I have created. Here is the code I have, but I can’t figure out how I would add a drop shadow. Please help me if you can my manager is becoming VERY frustrated with me.

<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"});

</script>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The .glow()-method can be used to some extent:

    var circle = paper.circle(100,100,50);
var path = paper.path('m200,50 l100,0 l100,100 l0,100 z');

circle.glow();

path.attr({
    fill: 'blue'
});
path.glow({
    color: '#444',
    offsety: 20 
});​

    See it in action here: http://jsfiddle.net/sveinatle/gkayG/7/

    It seems to only work for the lines though, it doesn’t actually fill the shadow.

    • 0