以编程方式呈现窗体字段中的响应图像

Question

我试图弄清楚如何在表单字段中以编程方式呈现响应性图像。我正在对当前工作中的代码进行维护，有时还有使用'#markup‘属性的表单字段。现在，我需要改变所有的图像，以响应。

代码示例：

$form['markup1'] = [
     '#markup' => ''
];很难找到任何解释如何使用PHP代码中的响应图像的东西。如果你能帮我，我会非常感激的。

Answer 1

构建呈现元素而不是HTML标记：

$form['markup1'] = [
  '#type' => 'container',
  '#attributes' => [
    'class' => ['rating_reminder'],
  ],
  'image' => [
    '#type' => 'responsive_image',
    '#responsive_image_style_id' => 'big',
    '#uri' => $order->campaign_id->entity->product_id->entity->image->entity->getFileUri(),
    '#attributes' => [
      'alt' => $order->campaign_id->entity->product_id->entity->image->alt,
    ],
  ],
];

可用呈现元素：https://api.drupal.org/api/drupal/elements