Extension des filtres |image_xx a SVG :

|image_reduire
|image_passe_partout
|image_recadre
|image_aplatir (conserve un svg mais applique le background)
|image_format (conserve un svg mais applique le background)
|image_alpha
|image_flip_vertical
|image_flip_horizontal
|image_flou
|image_nb
|image_sepia
|image_gamma
|image_rotation
|couleur_extraire  (extrait une moyenne des couleurs referencees dans le SVG, sans notion de leur importance visuelle)

avec la réserve que pour certains filtres (flou, sepia, nb) il faut que le navigateur supporte bien les CSS filters dans les SVG :seul FF le supporte actuellement - dans les navigateurs qui ne le supportent pas l’effet est juste ignoré.
(Il semble être possible d’utiliser des features filter avancées des SVG qui sont mieux supportées mais je n’ai pas creusé dans cette voie)

les filtres qui ne supportent pas le SVG (et sont donc sans effet) sont :

|image_masque (on devrait pouvoir porter une partie des fonctionnalités mais c’est plus compliqué)
|image_renforcement (sans objet?)
|image_fond_transparent (sans objet)
|image_imagick (sans objet)
|image_recadre_mini (sans objet)

filtres/images_lib.php

@@ -303,84 +303,97 @@ function _image_couleur_extraire($img, $x = 10, $y = 6) {
 	// valeur par defaut si l'image ne peut etre lue
 	$defaut = "F26C4E";
 
-	$cache = _image_valeurs_trans($img, "coul-$x-$y", "txt");
-	if (!$cache) {
+	$image = _image_valeurs_trans($img, "coul-$x-$y", "txt",null,false,_SVG_SUPPORTED);
+	if (!$image) {
 		return $couleur_extraite["$img-$x-$y"] = $defaut;
 	}
 
 
-	$fichier = $cache["fichier"];
-	$dest = $cache["fichier_dest"];
+	$fichier = $image["fichier"];
+	$dest = $image["fichier_dest"];
 
 	if (isset($couleur_extraite["$fichier-$x-$y"])) {
 		return $couleur_extraite["$fichier-$x-$y"];
 	}
 
-	$creer = $cache["creer"];
+	$creer = $image["creer"];
 
 	if ($creer) {
 		if (@file_exists($fichier)) {
-			$width = $cache["largeur"];
-			$height = $cache["hauteur"];
-
-			$newwidth = 20;
-			$newheight = 20;
-
-			$thumb = imagecreate($newwidth, $newheight);
-
-			$source = $cache["fonction_imagecreatefrom"]($fichier);
-
-			imagepalettetotruecolor($source);
-
-			imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
-
-			if ($x === 'moyenne') {
-				$moyenne = null;
-				$nb_points = 0;
-				for ($x=0;$x<$newwidth;$x++) {
-					for ($y=0;$y<$newheight;$y++) {
-						// get a color
-						$color_index = imagecolorat($thumb, $x, $y);
-						// make it human readable
-						$color_tran = imagecolorsforindex($thumb, $color_index);
-						if ($color_tran['alpha'] != 127) {
-							if (is_null($moyenne)) {
-								$moyenne = $color_tran;
-							}
-							else {
-								$moyenne['red'] += $color_tran['red'];
-								$moyenne['green'] += $color_tran['green'];
-								$moyenne['blue'] += $color_tran['blue'];
+			if ($image['format_source'] === 'svg'){
+				$couleur="eeddcc";
+				$couleurs = svg_extract_couleurs($fichier);
+				$couleurs = array_map('svg_couleur_to_rgb', $couleurs);
+
+				$totalRed = array_sum(array_column($couleurs, 'red'));
+				$totalGreen = array_sum(array_column($couleurs, 'green'));
+				$totalBlue = array_sum(array_column($couleurs, 'blue'));
+				$n = count($couleurs);
+				$couleur = _couleur_dec_to_hex(round($totalRed / $n), round($totalGreen / $n), round($totalBlue / $n));
+			}
+			else {
+				$width = $image["largeur"];
+				$height = $image["hauteur"];
+
+				$newwidth = 20;
+				$newheight = 20;
+
+				$thumb = imagecreate($newwidth, $newheight);
+
+				$source = $image["fonction_imagecreatefrom"]($fichier);
+
+				imagepalettetotruecolor($source);
+
+				imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
+
+				if ($x === 'moyenne') {
+					$moyenne = null;
+					$nb_points = 0;
+					for ($x=0;$x<$newwidth;$x++) {
+						for ($y=0;$y<$newheight;$y++) {
+							// get a color
+							$color_index = imagecolorat($thumb, $x, $y);
+							// make it human readable
+							$color_tran = imagecolorsforindex($thumb, $color_index);
+							if ($color_tran['alpha'] != 127) {
+								if (is_null($moyenne)) {
+									$moyenne = $color_tran;
+								}
+								else {
+									$moyenne['red'] += $color_tran['red'];
+									$moyenne['green'] += $color_tran['green'];
+									$moyenne['blue'] += $color_tran['blue'];
+								}
+								$nb_points++;
 							}
-							$nb_points++;
 						}
 					}
-				}
-				if (is_null($moyenne)) {
-					$couleur = $defaut;
-				}
-				else {
-					if ($nb_points > 1) {
-						$moyenne['red'] = round($moyenne['red'] / $nb_points);
-						$moyenne['green'] = round($moyenne['green'] / $nb_points);
-						$moyenne['blue'] = round($moyenne['blue'] / $nb_points);
+					if (is_null($moyenne)) {
+						$couleur = $defaut;
 					}
+					else {
+						if ($nb_points > 1) {
+							$moyenne['red'] = round($moyenne['red'] / $nb_points);
+							$moyenne['green'] = round($moyenne['green'] / $nb_points);
+							$moyenne['blue'] = round($moyenne['blue'] / $nb_points);
+						}
 
-					$couleur = _couleur_dec_to_hex($moyenne["red"], $moyenne["green"], $moyenne["blue"]);
+						$couleur = _couleur_dec_to_hex($moyenne["red"], $moyenne["green"], $moyenne["blue"]);
+					}
 				}
-			}
-			else {
-				do {
-					// get a color
-					$color_index = imagecolorat($thumb, $x, $y);
+				else {
+					do {
+						// get a color
+						$color_index = imagecolorat($thumb, $x, $y);
 
-					// make it human readable
-					$color_tran = imagecolorsforindex($thumb, $color_index);
-					$x++;
-					$y++;
-				} while ($color_tran['alpha'] == 127 and $x < $newwidth and $y < $newheight);
+						// make it human readable
+						$color_tran = imagecolorsforindex($thumb, $color_index);
+						$x++;
+						$y++;
+					} while ($color_tran['alpha'] == 127 and $x < $newwidth and $y < $newheight);
 
-				$couleur = _couleur_dec_to_hex($color_tran["red"], $color_tran["green"], $color_tran["blue"]);
+					$couleur = _couleur_dec_to_hex($color_tran["red"], $color_tran["green"], $color_tran["blue"]);
+				}
 			}
 		} else {
 			$couleur = $defaut;

filtres/images_typo.php

@@ -774,7 +774,7 @@ function produire_image_typo() {
 	}
 
 
-	$dimensions = getimagesize($image);
+	$dimensions = spip_getimagesize($image);
 	$largeur = $dimensions[0];
 	$hauteur = $dimensions[1];
 

paquet.xml

 <paquet
 	prefix="images"
 	categorie="multimedia"
-	version="2.1.2"
+	version="2.2.0"
 	etat="stable"
 	compatibilite="[3.3.0-dev;3.3.*]"
 	logo="images/image_filtre-32.png"