基本卡中的错误纵横比图片（Google 操作）

Question

我已经设置了我的第一个 Google Action（基本），当我测试它时 (console.actions.google.com)，基本卡片中的图片会以其原始比例显示。当我部署在 Dialogflow 中制作的代理时，图片因宽高比错误而失真。太小。不管原图是什么比例，都变成了2:3（w:h）。

Example Android One, Nokia 2.2

Screenshot-1 Screenshot-2

Answer 1

很遗憾，仅使用对话流无法解决此问题。要解决此问题，您应该通过履行来构建卡响应。属性'display' : 'CROPPED'。负责调整图像大小。您可以为此使用内联编辑器。我添加了一个可在内联编辑器中使用的代码示例。

有关更多信息，请查看 Google 的文档：https://developers.google.com/assistant/conversational/df-asdk/rich-responses#BasicCardSamples

function cardFunction(agent) {
  let conv = agent.conv();
  
  conv.ask(new BasicCard({
    text: `This is a basic card.  Text in a basic card can include "quotes" and
    most other unicode characters including emojis.  Basic cards also support
    some markdown formatting like *emphasis* or _italics_, **strong** or
    __bold__, and ***bold itallic*** or ___strong emphasis___ as well as other
    things like line  \nbreaks`, // Note the two spaces before '\n' required for
                                 // a line break to be rendered in the card.
    subtitle: 'This is a subtitle',
    title: 'Title: this is a title',
    buttons: new Button({
      title: 'This is a button',
      url: 'https://assistant.google.com/',
    }),
    image: new Image({
      url: 'https://storage.googleapis.com/actionsresources/logo_assistant_2x_64dp.png',
      alt: 'Image alternate text',
    }),
    display: 'CROPPED',
  }));

  agent.add(conv)
}