Contao 5.3 -Ersatz für $this->getImage() in rsce Template

[pinda]

Hallo!

In Conto 4.13 habe ich in einem rsce-Template mit folgendem Code gearbeitet:

 $resizedimage = $this->getImage( $bild->src, 1200, 630 , $this->ausschnitt );(

In Contao 5.3 funktioniert $this->getImage() aber nicht mehr.
Ich habe es ersetzt durch:

use Contao\CoreBundle\Image\ImageFactoryInterface;

$resizedimage = $this->imageFactory->create(
    $bild->src,
   [1200, 630, ResizeConfiguration::MODE_CROP]
);

Ich bekomme folgende Fehlermeldung:
"Call to a member function create() on null"

Wird in ImageFactory eine andere Pfadangabe benötigt als bei getImage()?
Oder handelt es sich um einen ganz anderen Fehler?

Besten Dank für Eure Hilfe!

[Spooky]

Hallo!

In Conto 4.13 habe ich in einem rsce-Template mit folgendem Code gearbeitet:

 $resizedimage = $this->getImage( $bild->src, 1200, 630 , $this->ausschnitt );(

Du meinst wohl $this->getImageObject()?

[pinda]

Hallo Spooky,

nein, ich meinte $this->getImage().

Ich habe das verwandt um eine verkleinerte Version eines Bildes zu erzeugen, dessen Pfad, Dateinamen und Metainformationen ich dann weiterverwendet habe.

[Spooky]

Ab Contao 4.13 kannst du folgendes nutzen:

<?= $this->figure($bild->src, [1200, 630, $this->ausschnitt]) ?>

Das gibt dir aber bereits des fertige Bild aus, inkl. <figure> Tag.

[pinda]

Hallo Spooky,

ich benötige nur die Attribute des Bildes, nicht den kompletten Tag!

[Spooky]

Poste genauer was du machen möchtest.

Poste bspw. das komplette alte Template.

[pinda]

Hallo Spooky,

ich habe ein custom element in dem der Benutzer ein Bild für facebook und twitter auswählen kann und bestimmen kann ,von welchem Punkt ausgehend ( Mitte / Mitte, Links / Oben, …) das jeweilige Bild verkleinert werden soll. Die Maße für das resize sind vorgegeben.
Von diesen verkleinerten Bilder wird deren URL und die Metainfomation Alt-Text weiterverwendet, um das Vorschaubild beim Teilen der Seite auf social media zu definieren.

<?php
 $bild = $this->arrData['getImageObject']($this->bild);
 $bildtwitter = $this->arrData['getImageObject']($this->bildtwitter);

 $fbimage = $this->getImage( $bild->src, 1200, 630 , $this->ausschnitt );
 $twitterimage = $this->getImage( $bildtwitter->src, 1200, 675 , $this->ausschnitttwitter ); 

 $GLOBALS['og:image'] = $this->Environment->base . $fbimage;
 $size = getimagesize($fbimage);
 $GLOBALS['og:image:width'] = "$size[0]";
 $GLOBALS['og:image:height'] = "$size[1]";

 $GLOBALS['twitter:image'] = $this->Environment->base . $twitterimage;
 $GLOBALS['twitter:image:alt'] = $bildtwitter->alt;

?>
<?php if (TL_MODE == 'BE'): ?>

<h3>facebook</h3>
		<img src="<?php echo $this->Environment->base . $fbimage ?>" alt="<?php echo $bild->alt ?: $this->titel ?>"<?php echo $fbimage->imgSize ?>  itemprop="image"><br><br>
<h3>twitter</h3>
		<img src="<?php echo $this->Environment->base . $twitterimage ?>" alt="<?php echo $bildtwitter->alt ?: $this->titel ?>"<?php echo $twitterimage->imgSize ?>  itemprop="image"><br><br>

<?php endif; ?>

Dieses Seitenelement verwende ich z.B. in einem Auftritt in dem weit über hundert News-Einträge vorhanden sind, die alle dieses Seitenelement verwenden.

Besten Dank für Deine Hilfe!

[Spooky]

Ich würde es so machen denke ich:

use Contao\CoreBundle\Image\Studio\Studio;
use Contao\System;
use Symfony\Component\Filesystem\Path;
use Symfony\Component\HttpFoundation\Request;

/** @var Studio $studio */
$studio = System::getContainer()->get('contao.image.studio');

/** @var Request $request */
$request = System::getContainer()->get('request_stack')->getCurrentRequest();

$figure = $studio->createFigureBuilder()
    ->from($this->bild)
    ->setSize([1200, 630, $this->ausschnitt])
    ->buildIfResourceExists()
;

if ($figure) {
    $img = $figure->getImage()->getImg();

    $GLOBALS['og:image'] = 0 !== strpos($image['src'], 'http') ? Path::join($request->getSchemeAndHttpHost(), $img['src']) : $img['src'];
    $GLOBALS['og:image:width'] = $img['width'];
    $GLOBALS['og:image:height'] = $img['height'];
}

// … 

[pinda]

Hallo Spooky,

Deine Lösung hilft mir sehr weiter, 1.000 Dank!

Die wichtigste Zeile für mich war

$img = $figure->getImage()->getImg();

Der Schlüssel, um an die Attribute des erzeugten Bildes zu kommen.

Ich hatte das in der Doku nicht gefunden, wo dort steht es nur?


Beste Grüße aus Dortmund!

[Spooky]

Der FigureBuilder ist in der Dokumentation beschrieben. Welche Methoden die Figure Instanz bietet, ist nicht dokumentiert, aber siehst du in deiner IDE.