diff options
author | Matthias Clasen <mclasen@redhat.com> | 2015-12-27 02:03:35 -0500 |
---|---|---|
committer | Matthias Clasen <mclasen@redhat.com> | 2016-01-04 13:59:24 -0500 |
commit | f727ee568763c544fe4d28824b9c171b3ef2db7c (patch) | |
tree | 4ce77ad219467e656a6f6b8ed0146c05240cbf5a /gtk | |
parent | f66191346c997e9f45843f6d8f087aa555bde811 (diff) | |
download | gtk+-f727ee568763c544fe4d28824b9c171b3ef2db7c.tar.gz |
Implement CSS radial gradients
Implement parsing and drawing of radial gradients according to
http://www.w3.org/TR/css3-images/#radial-gradients.
Transitions are not implemented yet.
Diffstat (limited to 'gtk')
-rw-r--r-- | gtk/Makefile.am | 2 | ||||
-rw-r--r-- | gtk/gtkcssimage.c | 3 | ||||
-rw-r--r-- | gtk/gtkcssimageradial.c | 588 | ||||
-rw-r--r-- | gtk/gtkcssimageradialprivate.h | 73 |
4 files changed, 666 insertions, 0 deletions
diff --git a/gtk/Makefile.am b/gtk/Makefile.am index 33eb9ccc7f..0eebe34dcc 100644 --- a/gtk/Makefile.am +++ b/gtk/Makefile.am @@ -400,6 +400,7 @@ gtk_private_h_sources = \ gtkcssimagegradientprivate.h \ gtkcssimageiconthemeprivate.h \ gtkcssimagelinearprivate.h \ + gtkcssimageradialprivate.h \ gtkcssimageprivate.h \ gtkcssimagesurfaceprivate.h \ gtkcssimageurlprivate.h \ @@ -658,6 +659,7 @@ gtk_base_c_sources = \ gtkcssimagegradient.c \ gtkcssimageicontheme.c \ gtkcssimagelinear.c \ + gtkcssimageradial.c \ gtkcssimagesurface.c \ gtkcssimageurl.c \ gtkcssimagescaled.c \ diff --git a/gtk/gtkcssimage.c b/gtk/gtkcssimage.c index 918a6ec6ac..23f4b06421 100644 --- a/gtk/gtkcssimage.c +++ b/gtk/gtkcssimage.c @@ -28,6 +28,7 @@ #include "gtk/gtkcssimagegradientprivate.h" #include "gtk/gtkcssimageiconthemeprivate.h" #include "gtk/gtkcssimagelinearprivate.h" +#include "gtk/gtkcssimageradialprivate.h" #include "gtk/gtkcssimageurlprivate.h" #include "gtk/gtkcssimagescaledprivate.h" #include "gtk/gtkcssimagewin32private.h" @@ -421,6 +422,8 @@ gtk_css_image_get_parser_type (GtkCssParser *parser) { "-gtk-win32-theme-part", _gtk_css_image_win32_get_type }, { "linear-gradient", _gtk_css_image_linear_get_type }, { "repeating-linear-gradient", _gtk_css_image_linear_get_type }, + { "radial-gradient", _gtk_css_image_radial_get_type }, + { "repeating-radial-gradient", _gtk_css_image_radial_get_type }, { "cross-fade", _gtk_css_image_cross_fade_get_type } }; guint i; diff --git a/gtk/gtkcssimageradial.c b/gtk/gtkcssimageradial.c new file mode 100644 index 0000000000..057116c400 --- /dev/null +++ b/gtk/gtkcssimageradial.c @@ -0,0 +1,588 @@ +/* + * Copyright © 2015 Red Hat Inc. + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU Lesser General Public + * License as published by the Free Software Foundation; either + * version 2.1 of the License, or (at your option) any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + * + * Authors: Matthias Clasen <mclasen@redhat.com> + */ + +#include "config.h" + +#include "gtkcssimageradialprivate.h" + +#include <math.h> + +#include "gtkcsscolorvalueprivate.h" +#include "gtkcssnumbervalueprivate.h" +#include "gtkcsspositionvalueprivate.h" +#include "gtkcssrgbavalueprivate.h" +#include "gtkcssprovider.h" + +G_DEFINE_TYPE (GtkCssImageRadial, _gtk_css_image_radial, GTK_TYPE_CSS_IMAGE) + +static void +gtk_css_image_radial_get_start_end (GtkCssImageRadial *radial, + double radius, + double *start, + double *end) +{ + GtkCssImageRadialColorStop *stop; + double pos; + guint i; + + if (radial->repeating) + { + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, 0); + if (stop->offset == NULL) + *start = 0; + else + *start = _gtk_css_number_value_get (stop->offset, radius) / radius; + + *end = *start; + + for (i = 0; i < radial->stops->len; i++) + { + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, i); + + if (stop->offset == NULL) + continue; + + pos = _gtk_css_number_value_get (stop->offset, radius) / radius; + + *end = MAX (pos, *end); + } + + if (stop->offset == NULL) + *end = MAX (*end, 1.0); + } + else + { + *start = 0; + *end = 1; + } +} + +static void +gtk_css_image_radial_draw (GtkCssImage *image, + cairo_t *cr, + double width, + double height) +{ + GtkCssImageRadial *radial = GTK_CSS_IMAGE_RADIAL (image); + cairo_pattern_t *pattern; + cairo_matrix_t matrix; + double x, y; + double radius, yscale; + double start, end; + double r1, r2, r3, r4, r; + double offset; + int i, last; + + x = _gtk_css_position_value_get_x (radial->position, width); + y = _gtk_css_position_value_get_y (radial->position, height); + + if (radial->circle) + { + switch (radial->size) + { + case GTK_CSS_EXPLICIT_SIZE: + radius = _gtk_css_number_value_get (radial->sizes[0], width); + break; + case GTK_CSS_CLOSEST_SIDE: + radius = MIN (MIN (x, width - x), MIN (y, height - y)); + break; + case GTK_CSS_FARTHEST_SIDE: + radius = MAX (MAX (x, width - x), MAX (y, height - y)); + break; + case GTK_CSS_CLOSEST_CORNER: + case GTK_CSS_FARTHEST_CORNER: + r1 = x*x + y*y; + r2 = x*x + (height - y)*(height - y); + r3 = (width - x)*(width - x) + y*y; + r4 = (width - x)*(width - x) + (height - y)*(height - y); + if (radial->size == GTK_CSS_CLOSEST_CORNER) + r = MIN ( MIN (r1, r2), MIN (r3, r4)); + else + r = MAX ( MAX (r1, r2), MAX (r3, r4)); + radius = sqrt (r); + break; + default: + g_assert_not_reached (); + } + + radius = MAX (1.0, radius); + yscale = 1.0; + } + else + { + double hradius, vradius; + + switch (radial->size) + { + case GTK_CSS_EXPLICIT_SIZE: + hradius = _gtk_css_number_value_get (radial->sizes[0], width); + vradius = _gtk_css_number_value_get (radial->sizes[1], height); + break; + case GTK_CSS_CLOSEST_SIDE: + hradius = MIN (x, width - x); + vradius = MIN (y, height - y); + break; + case GTK_CSS_FARTHEST_SIDE: + hradius = MAX (x, width - x); + vradius = MAX (y, height - y); + break; + case GTK_CSS_CLOSEST_CORNER: + hradius = M_SQRT2 * MIN (x, width - x); + vradius = M_SQRT2 * MIN (y, height - y); + break; + case GTK_CSS_FARTHEST_CORNER: + hradius = M_SQRT2 * MAX (x, width - x); + vradius = M_SQRT2 * MAX (y, height - y); + break; + default: + g_assert_not_reached (); + } + + hradius = MAX (1.0, hradius); + vradius = MAX (1.0, vradius); + + radius = hradius; + yscale = vradius / hradius; + } + + gtk_css_image_radial_get_start_end (radial, radius, &start, &end); + + pattern = cairo_pattern_create_radial (0, 0, 0, 0, 0, radius); + if (yscale != 1.0) + { + cairo_matrix_init_scale (&matrix, 1.0, 1.0 / yscale); + cairo_pattern_set_matrix (pattern, &matrix); + } + + if (radial->repeating) + cairo_pattern_set_extend (pattern, CAIRO_EXTEND_REPEAT); + else + cairo_pattern_set_extend (pattern, CAIRO_EXTEND_PAD); + + offset = start; + last = -1; + for (i = 0; i < radial->stops->len; i++) + { + GtkCssImageRadialColorStop *stop; + double pos, step; + + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, i); + + if (stop->offset == NULL) + { + if (i == 0) + pos = 0.0; + else if (i + 1 == radial->stops->len) + pos = 1.0; + else + continue; + } + else + pos = _gtk_css_number_value_get (stop->offset, radius) / radius; + + pos = MAX (pos, 0); + step = pos / (i - last); + for (last = last + 1; last <= i; last++) + { + const GdkRGBA *rgba; + + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, last); + + rgba = _gtk_css_rgba_value_get_rgba (stop->color); + offset += step; + + cairo_pattern_add_color_stop_rgba (pattern, + (offset - start) / (end - start), + rgba->red, + rgba->green, + rgba->blue, + rgba->alpha); + } + + offset = pos; + last = i; + } + + cairo_rectangle (cr, 0, 0, width, height); + cairo_translate (cr, x, y); + cairo_set_source (cr, pattern); + cairo_fill (cr); + + cairo_pattern_destroy (pattern); +} + +static gboolean +gtk_css_image_radial_parse (GtkCssImage *image, + GtkCssParser *parser) +{ + GtkCssImageRadial *radial = GTK_CSS_IMAGE_RADIAL (image); + gboolean has_shape = FALSE; + gboolean has_size = FALSE; + gboolean has_position = FALSE; + gboolean found_one = FALSE; + guint i; + static struct { + const char *name; + guint value; + } names[] = { + { "closest-side", GTK_CSS_CLOSEST_SIDE }, + { "farthest-side", GTK_CSS_FARTHEST_SIDE }, + { "closest-corner", GTK_CSS_CLOSEST_CORNER }, + { "farthest-corner", GTK_CSS_FARTHEST_CORNER } + }; + + if (_gtk_css_parser_try (parser, "repeating-radial-gradient(", TRUE)) + radial->repeating = TRUE; + else if (_gtk_css_parser_try (parser, "radial-gradient(", TRUE)) + radial->repeating = FALSE; + else + { + _gtk_css_parser_error (parser, "Not a radial gradient"); + return FALSE; + } + + do { + found_one = FALSE; + if (!has_shape && _gtk_css_parser_try (parser, "circle", TRUE)) + { + radial->circle = TRUE; + found_one = has_shape = TRUE; + } + else if (!has_shape && _gtk_css_parser_try (parser, "ellipse", TRUE)) + { + radial->circle = FALSE; + found_one = has_shape = TRUE; + } + else if (!has_position && _gtk_css_parser_try (parser, "at", TRUE)) + { + radial->position = _gtk_css_position_value_parse (parser); + if (!radial->position) + { + _gtk_css_parser_error (parser, "Expected a position after 'at'"); + return FALSE; + } + found_one = has_position = TRUE; + } + else if (!has_size) + { + for (i = 0; i < G_N_ELEMENTS (names); i++) + { + if (_gtk_css_parser_try (parser, names[i].name, TRUE)) + { + found_one = has_size = TRUE; + radial->size = names[i].value; + break; + } + } + + if (!has_size) + { + if (_gtk_css_parser_has_number (parser)) + radial->sizes[0] = _gtk_css_number_value_parse (parser, GTK_CSS_PARSE_LENGTH | GTK_CSS_PARSE_PERCENT); + if (_gtk_css_parser_has_number (parser)) + radial->sizes[1] = _gtk_css_number_value_parse (parser, GTK_CSS_PARSE_LENGTH | GTK_CSS_PARSE_PERCENT); + found_one = has_size = radial->sizes[0] != NULL; + } + } + + } while (found_one && !(has_shape && has_size && has_position)); + + if ((has_shape || has_size || has_position) && + !_gtk_css_parser_try (parser, ",", TRUE)) + { + _gtk_css_parser_error (parser, "Expected a comma here"); + return FALSE; + } + + if (!has_position) + { + radial->position = _gtk_css_position_value_new (_gtk_css_number_value_new (50, GTK_CSS_PERCENT), _gtk_css_number_value_new (50, GTK_CSS_PERCENT)); + } + + if (!has_size) + { + radial->size = GTK_CSS_FARTHEST_CORNER; + } + + if (!has_shape) + { + if (radial->sizes[0] && radial->sizes[1]) + radial->circle = FALSE; + else + radial->circle = TRUE; + } + + if (has_shape && radial->circle) + { + if (radial->sizes[0] && radial->sizes[1]) + { + _gtk_css_parser_error (parser, "Circular gradient can only have one size"); + return FALSE; + } + + if (radial->sizes[0] && _gtk_css_number_value_get_unit (radial->sizes[0]) == GTK_CSS_PERCENT) + { + _gtk_css_parser_error (parser, "Circular gradient cannot have percentage as size"); + return FALSE; + } + } + + if (has_size && !radial->circle) + { + if (!radial->sizes[1]) + radial->sizes[1] = _gtk_css_value_ref (radial->sizes[0]); + } + + do { + GtkCssImageRadialColorStop stop; + + stop.color = _gtk_css_color_value_parse (parser); + if (stop.color == NULL) + return FALSE; + + if (_gtk_css_parser_has_number (parser)) + { + stop.offset = _gtk_css_number_value_parse (parser, + GTK_CSS_PARSE_PERCENT + | GTK_CSS_PARSE_LENGTH); + if (stop.offset == NULL) + { + _gtk_css_value_unref (stop.color); + return FALSE; + } + } + else + { + stop.offset = NULL; + } + + g_array_append_val (radial->stops, stop); + + } while (_gtk_css_parser_try (parser, ",", TRUE)); + + if (!_gtk_css_parser_try (parser, ")", TRUE)) + { + _gtk_css_parser_error (parser, "Missing closing bracket at end of radial gradient"); + return FALSE; + } + + return TRUE; +} + +static void +gtk_css_image_radial_print (GtkCssImage *image, + GString *string) +{ + GtkCssImageRadial *radial = GTK_CSS_IMAGE_RADIAL (image); + guint i; + const gchar *names[] = { + NULL, + "closest-side", + "farthest-side", + "closest-corner", + "farthest-corner" + }; + + if (radial->repeating) + g_string_append (string, "repeating-radial-gradient("); + else + g_string_append (string, "radial-gradient("); + + if (radial->circle) + g_string_append (string, "circle "); + else + g_string_append (string, "ellipse "); + + if (radial->size != 0) + g_string_append (string, names[radial->size]); + else + { + if (radial->sizes[0]) + _gtk_css_value_print (radial->sizes[0], string); + g_string_append (string, " "); + if (radial->sizes[1]) + _gtk_css_value_print (radial->sizes[1], string); + } + + g_string_append (string, " at "); + _gtk_css_value_print (radial->position, string); + + g_string_append (string, ", "); + + for (i = 0; i < radial->stops->len; i++) + { + GtkCssImageRadialColorStop *stop; + + if (i > 0) + g_string_append (string, ", "); + + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, i); + + _gtk_css_value_print (stop->color, string); + + if (stop->offset) + { + g_string_append (string, " "); + _gtk_css_value_print (stop->offset, string); + } + } + + g_string_append (string, ")"); +} + +static GtkCssImage * +gtk_css_image_radial_compute (GtkCssImage *image, + guint property_id, + GtkStyleProviderPrivate *provider, + GtkCssStyle *style, + GtkCssStyle *parent_style) +{ + GtkCssImageRadial *radial = GTK_CSS_IMAGE_RADIAL (image); + GtkCssImageRadial *copy; + guint i; + + copy = g_object_new (GTK_TYPE_CSS_IMAGE_RADIAL, NULL); + copy->repeating = radial->repeating; + copy->circle = radial->circle; + copy->size = radial->size; + + copy->position = _gtk_css_value_compute (radial->position, property_id, provider, style, parent_style); + + if (radial->sizes[0]) + copy->sizes[0] = _gtk_css_value_compute (radial->sizes[0], property_id, provider, style, parent_style); + + if (radial->sizes[1]) + copy->sizes[1] = _gtk_css_value_compute (radial->sizes[1], property_id, provider, style, parent_style); + + g_array_set_size (copy->stops, radial->stops->len); + for (i = 0; i < radial->stops->len; i++) + { + GtkCssImageRadialColorStop *stop, *scopy; + + stop = &g_array_index (radial->stops, GtkCssImageRadialColorStop, i); + scopy = &g_array_index (copy->stops, GtkCssImageRadialColorStop, i); + + scopy->color = _gtk_css_value_compute (stop->color, property_id, provider, style, parent_style); + + if (stop->offset) + { + scopy->offset = _gtk_css_value_compute (stop->offset, property_id, provider, style, parent_style); + } + else + { + scopy->offset = NULL; + } + } + + return GTK_CSS_IMAGE (copy); +} + +static gboolean +gtk_css_image_radial_equal (GtkCssImage *image1, + GtkCssImage *image2) +{ + GtkCssImageRadial *radial1 = GTK_CSS_IMAGE_RADIAL (image1); + GtkCssImageRadial *radial2 = GTK_CSS_IMAGE_RADIAL (image2); + guint i; + + if (radial1->repeating != radial2->repeating || + radial1->size != radial2->size || + !_gtk_css_value_equal (radial1->position, radial2->position) || + ((radial1->sizes[0] == NULL) != (radial2->sizes[0] == NULL)) || + (radial1->sizes[0] && radial2->sizes[0] && !_gtk_css_value_equal (radial1->sizes[0], radial2->sizes[0])) || + ((radial1->sizes[1] == NULL) != (radial2->sizes[1] == NULL)) || + (radial1->sizes[1] && radial2->sizes[1] && !_gtk_css_value_equal (radial1->sizes[1], radial2->sizes[1])) || + radial1->stops->len != radial2->stops->len) + return FALSE; + + for (i = 0; i < radial1->stops->len; i++) + { + GtkCssImageRadialColorStop *stop1, *stop2; + + stop1 = &g_array_index (radial1->stops, GtkCssImageRadialColorStop, i); + stop2 = &g_array_index (radial2->stops, GtkCssImageRadialColorStop, i); + + if (!_gtk_css_value_equal0 (stop1->offset, stop2->offset) || + !_gtk_css_value_equal (stop1->color, stop2->color)) + return FALSE; + } + + return TRUE; +} + +static void +gtk_css_image_radial_dispose (GObject *object) +{ + GtkCssImageRadial *radial = GTK_CSS_IMAGE_RADIAL (object); + int i; + + if (radial->stops) + { + g_array_free (radial->stops, TRUE); + radial->stops = NULL; + } + + if (radial->position) + { + _gtk_css_value_unref (radial->position); + radial->position = NULL; + } + + for (i = 0; i < 2; i++) + if (radial->sizes[i]) + { + _gtk_css_value_unref (radial->sizes[i]); + radial->sizes[i] = NULL; + } + + G_OBJECT_CLASS (_gtk_css_image_radial_parent_class)->dispose (object); +} + +static void +_gtk_css_image_radial_class_init (GtkCssImageRadialClass *klass) +{ + GtkCssImageClass *image_class = GTK_CSS_IMAGE_CLASS (klass); + GObjectClass *object_class = G_OBJECT_CLASS (klass); + + image_class->draw = gtk_css_image_radial_draw; + image_class->parse = gtk_css_image_radial_parse; + image_class->print = gtk_css_image_radial_print; + image_class->compute = gtk_css_image_radial_compute; + image_class->equal = gtk_css_image_radial_equal; + + object_class->dispose = gtk_css_image_radial_dispose; +} + +static void +gtk_css_image_clear_color_stop (gpointer color_stop) +{ + GtkCssImageRadialColorStop *stop = color_stop; + + _gtk_css_value_unref (stop->color); + if (stop->offset) + _gtk_css_value_unref (stop->offset); +} + +static void +_gtk_css_image_radial_init (GtkCssImageRadial *radial) +{ + radial->stops = g_array_new (FALSE, FALSE, sizeof (GtkCssImageRadialColorStop)); + g_array_set_clear_func (radial->stops, gtk_css_image_clear_color_stop); +} + diff --git a/gtk/gtkcssimageradialprivate.h b/gtk/gtkcssimageradialprivate.h new file mode 100644 index 0000000000..07d5e1f3f1 --- /dev/null +++ b/gtk/gtkcssimageradialprivate.h @@ -0,0 +1,73 @@ +/* + * Copyright © 2015 Red Hat Inc. + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU Lesser General Public + * License as published by the Free Software Foundation; either + * version 2.1 of the License, or (at your option) any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this library. If not, see <http://www.gnu.org/licenses/>. + * + * Authors: Matthias Clasen <mclasen@redhat.com> + */ + +#ifndef __GTK_CSS_IMAGE_RADIAL_PRIVATE_H__ +#define __GTK_CSS_IMAGE_RADIAL_PRIVATE_H__ + +#include "gtk/gtkcssimageprivate.h" +#include "gtk/gtkcssvalueprivate.h" + +G_BEGIN_DECLS + +#define GTK_TYPE_CSS_IMAGE_RADIAL (_gtk_css_image_radial_get_type ()) +#define GTK_CSS_IMAGE_RADIAL(obj) (G_TYPE_CHECK_INSTANCE_CAST (obj, GTK_TYPE_CSS_IMAGE_RADIAL, GtkCssImageRadial)) +#define GTK_CSS_IMAGE_RADIAL_CLASS(cls) (G_TYPE_CHECK_CLASS_CAST (cls, GTK_TYPE_CSS_IMAGE_RADIAL, GtkCssImageRadialClass)) +#define GTK_IS_CSS_IMAGE_RADIAL(obj) (G_TYPE_CHECK_INSTANCE_TYPE (obj, GTK_TYPE_CSS_IMAGE_RADIAL)) +#define GTK_IS_CSS_IMAGE_RADIAL_CLASS(obj) (G_TYPE_CHECK_CLASS_TYPE (obj, GTK_TYPE_CSS_IMAGE_RADIAL)) +#define GTK_CSS_IMAGE_RADIAL_GET_CLASS(obj) (G_TYPE_INSTANCE_GET_CLASS ((obj), GTK_TYPE_CSS_IMAGE_RADIAL, GtkCssImageRadialClass)) + +typedef struct _GtkCssImageRadial GtkCssImageRadial; +typedef struct _GtkCssImageRadialClass GtkCssImageRadialClass; +typedef struct _GtkCssImageRadialColorStop GtkCssImageRadialColorStop; + +struct _GtkCssImageRadialColorStop { + GtkCssValue *offset; + GtkCssValue *color; +}; + +typedef enum { + GTK_CSS_EXPLICIT_SIZE, + GTK_CSS_CLOSEST_SIDE, + GTK_CSS_FARTHEST_SIDE, + GTK_CSS_CLOSEST_CORNER, + GTK_CSS_FARTHEST_CORNER +} GtkCssRadialSize; + +struct _GtkCssImageRadial +{ + GtkCssImage parent; + + GtkCssValue *position; + GtkCssValue *sizes[2]; + GArray *stops; + GtkCssRadialSize size; + guint circle : 1; + guint repeating :1; +}; + +struct _GtkCssImageRadialClass +{ + GtkCssImageClass parent_class; +}; + +GType _gtk_css_image_radial_get_type (void) G_GNUC_CONST; + +G_END_DECLS + +#endif /* __GTK_CSS_IMAGE_RADIAL_PRIVATE_H__ */ |