Q&A

LINE Messaging APIのFlex Messageで、背景を透過したいが白くなってしまうので透過したい

前提・実現したいこと

LINE Messaging APIのFlex Messageを使って、背景が透過されたFlex Messageを送りたいです。

発生している問題・エラーメッセージ

LINE Official Account Managerからリッチメッセージを作成して配信すると透過画像などはちゃんと透過されますが、 Flex Messageだとデフォルトで背景が白いようなので、背景色を#00000000に設定しても(不透明度を0にしても)、背景が透明になりません。

(↓以下のような感じになってしまいます) https://blog.takechan-smile.jp/wp-content/uploads/2023/05/ScreenShot-2023-05-07-11.54.11.jpg

該当のソースコード

例えば以下のFlex MessageのJSONで、backgroundColorを指定しても、 背景は白色でメッセージ配信されました。

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "image",
        "url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/01_1_cafe.png",
        "size": "full",
        "backgroundColor": "#00000000"
      }
    ],
    "backgroundColor": "#00000000"
  },
  "styles": {
    "body": {
      "backgroundColor": "#00000000"
    }
  }
}

Messaging APIのFlex Messageを使って背景を透過する方法があれば知りたいです。 何卒よろしくお願い致します。

  • 0
  • 2
  • 274
  • twitter facebook

Image mapならリッチメッセージのように透過できますね〜

  • 1

Flex messageのバブル自体は透過できないです

  • 1
本当によろしいですか? question.vm