AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-17 23:10:22 +00:00
Code Issues Projects Releases Wiki Activity

css: Clip outset box-shadow to outside of box

Browse Source 
As per css3-background 7.2. Drop Shadows: the ‘box-shadow’ property:

  An outer box-shadow casts a shadow as if the border-box of the element
  were opaque. The shadow is drawn outside the border edge only: it
  is clipped inside the border-box of the element.

Also verified vs firefox behaviour.
This commit is contained in:
Alexander Larsson 2013-05-03 12:50:18 +02:00
parent ed1eddabf0
commit c91e706e2b
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
gtk/gtkcssshadowvalue.c
View File

@ -29,6 +29,8 @@
#include "gtkthemingengineprivate.h" #include "gtkthemingengineprivate.h"
#include "gtkpango.h" #include "gtkpango.h"
#include <math.h>
struct _GtkCssValue { struct _GtkCssValue {
GTK_CSS_VALUE_BASE GTK_CSS_VALUE_BASE
guint inset :1; guint inset :1;
@ -479,30 +481,43 @@ _gtk_css_shadow_value_paint_box (const GtkCssValue *shadow,
const GtkRoundedBox *padding_box) const GtkRoundedBox *padding_box)
{ {
GtkRoundedBox box, clip_box; GtkRoundedBox box, clip_box;
double spread, radius; double spread, radius, x, y, outside;
g_return_if_fail (shadow->class == &GTK_CSS_VALUE_SHADOW); g_return_if_fail (shadow->class == &GTK_CSS_VALUE_SHADOW);
cairo_save (cr); cairo_save (cr);
spread = _gtk_css_number_value_get (shadow->spread, 0);
radius = _gtk_css_number_value_get (shadow->radius, 0);
x = _gtk_css_number_value_get (shadow->hoffset, 0);
y = _gtk_css_number_value_get (shadow->voffset, 0);
if (shadow->inset) if (shadow->inset)
{ {
_gtk_rounded_box_path (padding_box, cr); _gtk_rounded_box_path (padding_box, cr);
cairo_clip (cr); cairo_clip (cr);
} }
else
{
cairo_set_fill_rule (cr, CAIRO_FILL_RULE_EVEN_ODD);
_gtk_rounded_box_path (padding_box, cr);
outside = spread + radius + MAX (fabs (x), fabs (y));
clip_box = *padding_box;
_gtk_rounded_box_grow (&clip_box, outside, outside, outside, outside);
_gtk_rounded_box_clip_path (&clip_box, cr);
cairo_clip (cr);
}
box = *padding_box; box = *padding_box;
_gtk_rounded_box_move (&box, _gtk_rounded_box_move (&box, x, y);
_gtk_css_number_value_get (shadow->hoffset, 0),
_gtk_css_number_value_get (shadow->voffset, 0));
spread = _gtk_css_number_value_get (shadow->spread, 0);
if (shadow->inset) if (shadow->inset)
_gtk_rounded_box_shrink (&box, spread, spread, spread, spread); _gtk_rounded_box_shrink (&box, spread, spread, spread, spread);
else /* Outset */ else /* Outset */
_gtk_rounded_box_grow (&box, spread, spread, spread, spread); _gtk_rounded_box_grow (&box, spread, spread, spread, spread);
clip_box = *padding_box; clip_box = *padding_box;
radius = _gtk_css_number_value_get (shadow->radius, 0);
_gtk_rounded_box_shrink (&clip_box, -radius, -radius, -radius, -radius); _gtk_rounded_box_shrink (&clip_box, -radius, -radius, -radius, -radius);
cr = gtk_css_shadow_value_start_drawing (shadow, cr); cr = gtk_css_shadow_value_start_drawing (shadow, cr);