Re: [filter-effects] drop-shadow inset shadow

Are you sure that the math is correct?
I was under the impression that an inner shadow is like an outer shadow,
except it draws on top and is masked by the shape.

This filter seems to be working differently.


On Sat, Mar 30, 2013 at 7:28 AM, Dirk Schulze <dschulze@adobe.com> wrote:

> Hi,
>
> Currently the drop-shadow shorthand filter does not support inset shadows
> and the inset keyword (in comparison to box-shadow for instance). I wonder
> if this could be added to the spec and would like to hear implementers
> input.
>
> Most shorthands have the advantage that they can easily be HW accelerated.
> This already seems not always be the case for drop-shadow on some
> platforms. However,  I do not think that it is harder to implement inset
> shadow, even if it will be of course slower than other filters.
>
> Here is a short example how to use inset shadows with SVG Filters today[1]:
>
>                 <filter id="innershadow" x0="-50%" y0="-50%" width="200%"
> height="200%">
>                         <feGaussianBlur in="SourceAlpha" stdDeviation="2"
> result="blur"/>
>                         <feOffset dy="3" dx="3"/>
>                         <feComposite in2="SourceAlpha"
> operator="arithmetic"
>                                         k2="-1" k3="1"
> result="shadowDiff"/>
>                         <feFlood flood-color="black" flood-opacity="1"/>
>                         <feComposite in2="shadowDiff" operator="in"/>
>                         <feComposite in2="SourceGraphic" operator="over"/>
>                 </filter>
>
> Implementations could replace the inset shadow in the CSS string with an
> equivalent filter chain as above.
>
> Greetings,
> Dirk
>
> [1] http://ledrug.wordpress.com/2010/09/30/learning-svg-lesson-2/
>