'mapping', 'label' => 'SVG attributes', 'mapping' => [ 'width' => [ 'type' => 'integer', 'label' => 'Width', ], 'height' => [ 'type' => 'integer', 'label' => 'Height', ], ], ]; $definitions['field.formatter.settings.image']['mapping']['svg_render_as_image'] = [ 'type' => 'boolean', 'label' => 'Render SVG image as ', ]; } /** * Implements hook_field_widget_info_alter(). */ function svg_image_field_widget_info_alter(array &$info) { $info['image_image']['class'] = SvgImageWidget::class; } /** * Implements hook_field_formatter_info_alter(). */ function svg_image_field_formatter_info_alter(array &$info) { $info['image']['class'] = SvgImageFormatter::class; $info['image_url']['class'] = SvgImageUrlFormatter::class; } /** * Prepares variables for image style templates. * * This is a workaround till full/partial images styles support will be added. * It allows to still display the original SVG image with a special class, * so you can adjust width/height at least. * * @see template_preprocess_image_style() */ function svg_image_preprocess_image_style(array &$variables) { if (isset($variables['image']['#access']) && !$variables['image']['#access'] && !empty($variables['image']['#uri'])) { $files = \Drupal::entityTypeManager()->getStorage('file') ->loadByProperties(['uri' => $variables['uri']]); if ($files) { $imageFile = reset($files); if (svg_image_is_file_svg($imageFile)) { $variables['image']['#access'] = TRUE; $variables['image']['#attributes']['class'][] = 'no-image-style'; } } } } /** * Provides image file dimensions. * * @param \Drupal\file\Entity\File $file * SVG file. * * @return integer[] * Dimensions array. */ function svg_image_get_image_file_dimensions(File $file) { $image = \Drupal::getContainer()->get('image.factory')->get($file->getFileUri()); $variables = []; if ($image->isValid() && !svg_image_is_file_svg($file)) { $variables['width'] = $image->getWidth(); $variables['height'] = $image->getHeight(); } else { // Set default width and height values. $variables['width'] = $variables['height'] = 64; // We can find out only dimensions of the SVG files. if (file_exists($file->getFileUri()) && svg_image_is_file_svg($file)) { // Parse SVG as XML. $fileContents = file_get_contents($file->getFileUri()); // In some cases file could be not available for the loading. It could be // deleted from the files folder physically, moved to other place or // permissions will not allow to read it. In this case we will just skip // dimensions discovering. if ($fileContents) { $svg = simplexml_load_string($fileContents); $neededVariables = ['width', 'height']; if ($svg) { foreach ($svg->attributes() as $attribute => $value) { if (in_array($attribute, $neededVariables)) { $variables[$attribute] = (int) $value; } } } } } } return $variables; } /** * Checks if current file is SVG image. * * @param \Drupal\file\Entity\File $file * File to check. * * @return bool * TRUE if is SVG, FALSE otherwise. */ function svg_image_is_file_svg(File $file) { return $file->getMimeType() === 'image/svg+xml'; }