iT邦幫忙

0

Line bot rich menu 圖片上傳問題

Y.L 2021-10-23 16:53:16908 瀏覽
  • 分享至 

  • xImage

https://ithelp.ithome.com.tw/upload/images/20211023/20110963WwNOapwvIC.png

如圖上顯示
現在遇到一個問題是 要怎麼上傳各個區塊的圖片

rich menu已經用api 產生好了 現在遇到圖片上傳問題 因為一個rich menu 只能上傳一張圖片不知道要怎麼實現把各個區塊上傳不同的圖片,求大神幫忙一下 感恩!
rich menu 建置格式如下圖

{
    "size": {
      "width": 2500,
      "height": 1686
    },
    "selected": false,
    "name": "richmenu-1",
    "chatBarText": "功能選單",
    "areas": [
      {
        "bounds": {
          "x": 0,
          "y": 0,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "message",
          "label": "常見問題",
          "text": "常見問題"
        }
      },
      {
        "bounds": {
          "x": 833,
          "y": 0,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "uri",
          "label": "即時新聞與活動",
          "uri": "https://www.wranb.gov.tw/2448/3448/3449/"
        }
      },
      {
        "bounds": {
          "x": 1667,
          "y": 0,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "message",
          "label": "供水系統與管網圖",
          "text": "供水系統與管網圖"
        }
      },
      {
        "bounds": {
          "x": 0,
          "y": 843,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "uri",
          "label": "集水區雨量統計",
          "uri": "https://www.wranb.gov.tw/3452/23105/25398/25395/"
        }
      },
      {
        "bounds": {
          "x": 833,
          "y": 843,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "message",
          "label": "節約用水",
          "text": "節約用水"
        }
      },
      {
        "bounds": {
          "x": 1666,
          "y": 843,
          "width": 833,
          "height": 843
        },
        "action": {
          "type": "uri",
          "label": "水利署專屬網站",
          "uri": "https://www.wra.gov.tw/cp.aspx?n=8388"
        }
      }
   ]
}
應該是需要自己設計那個背景圖去符合你要切好的區塊 ,就是反向切圖的概念,把你要的區塊拼成一張大圖這樣
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
小魚
iT邦大師 1 級 ‧ 2021-10-25 13:06:01

上傳完整的圖片就好,
LINE才不管你圖片長怎麼樣,
它是偵測位置而已,
所以你要做一個切法跟它一樣的圖片傳上去就好.

0
czsea35
iT邦新手 3 級 ‧ 2021-10-25 18:05:49

您好,建議您使用 LINE Bot Designer 製作 rich menu 後。
再將 json 格式資料 Post 過去。

我要發表回答

立即登入回答