Facebook小游戲分享圖接口base64Picture

Facebook小游戲

Facebook小游戲分享接口主要有兩種:

1. FBInstant.shareAsync

可以自定義標題山卦、分享圖岩饼、傳參等,發(fā)布動態(tài)低剔,沒有分享回調(diào)速梗。

2. FBInstant.context.chooseAsync

準確說是“與好友一起玩”,切換游戲環(huán)境襟齿,有分享回調(diào)姻锁。如果要推送消息給好友,需要配合FBInstant.updateAsync進行調(diào)用蕊唐。

Facebook中關于分享圖的選取屋摔,必須傳入base64格式字符串烁设,而不允許傳入imageUrl替梨。

有兩種思路:

一、程序中借助canvas装黑,動態(tài)將圖片資源生成對應的base64數(shù)據(jù)

var GetBase64Image = function (imageUrl, callback)
{
  function getBase64(img) 
  {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
    var dataURL = canvas.toDataURL();
    canvas = null;
    return dataURL;
 }

  var image = new Image();
  image.src = imageUrl;
  image.setAttribute('crossOrigin', 'anonymous');
  image.onload = function(){
  var base64 = getBase64(image);
    console.log("[GetBase64Image] 2", base64);
    callback(base64);
  }
};

二副瀑、直接加載轉(zhuǎn)換好的base64圖片數(shù)據(jù),省去動態(tài)轉(zhuǎn)換過程恋谭,理論上更好些糠睡。

提供一個批處理:

const fs = require('fs');
const path = require('path');
const mineType = require('mime-types');
let origin = "./base64_images/";
let target = "./base64_json/";
let index = 0;

fs.readdir(origin, (err, files) => {
  files.forEach(file => {
  index++;
  console.log(">> " + file);
  var file_name = file.split(".")[0];
  let filePath = path.resolve(origin + file);
  let data = fs.readFileSync(filePath);
  var base64Img = data.toString('base64');
  base64Img = "data:image/jpg;base64," + base64Img;
  fs.writeFileSync(target + file_name + ".json",     JSON.stringify({"imageData": base64Img}));
  });

  console.log("count: " + index, "\nDone!");
});

Github參考地址:
https://github.com/pury/SPTools/tree/master/image2base64data

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市疚颊,隨后出現(xiàn)的幾起案子狈孔,更是在濱河造成了極大的恐慌信认,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件均抽,死亡現(xiàn)場離奇詭異嫁赏,居然都是意外死亡,警方通過查閱死者的電腦和手機油挥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門潦蝇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人深寥,你說我怎么就攤上這事攘乒。” “怎么了惋鹅?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵则酝,是天一觀的道長。 經(jīng)常有香客問我闰集,道長堤魁,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任返十,我火速辦了婚禮妥泉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘洞坑。我一直安慰自己盲链,他們只是感情好,可當我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布迟杂。 她就那樣靜靜地躺著刽沾,像睡著了一般。 火紅的嫁衣襯著肌膚如雪排拷。 梳的紋絲不亂的頭發(fā)上侧漓,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天,我揣著相機與錄音监氢,去河邊找鬼布蔗。 笑死,一個胖子當著我的面吹牛浪腐,可吹牛的內(nèi)容都是我干的纵揍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼议街,長吁一口氣:“原來是場噩夢啊……” “哼泽谨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤吧雹,失蹤者是張志新(化名)和其女友劉穎骨杂,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雄卷,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡腊脱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了龙亲。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陕凹。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鳄炉,靈堂內(nèi)的尸體忽然破棺而出杜耙,到底是詐尸還是另有隱情,我是刑警寧澤拂盯,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布佑女,位于F島的核電站,受9級特大地震影響谈竿,放射性物質(zhì)發(fā)生泄漏团驱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一空凸、第九天 我趴在偏房一處隱蔽的房頂上張望嚎花。 院中可真熱鬧,春花似錦呀洲、人聲如沸紊选。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兵罢。三九已至,卻和暖如春滓窍,著一層夾襖步出監(jiān)牢的瞬間卖词,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工吏夯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留此蜈,地道東北人。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓锦亦,卻偏偏與公主長得像舶替,于是被迫代替她去往敵國和親令境。 傳聞我的和親對象是個殘疾皇子杠园,可洞房花燭夜當晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,109評論 1 32
  • 08111-陳立婷 在一個好熱的夏天的下午,螞蟻們發(fā)現(xiàn)了一塊西瓜舔庶。 真好吃抛蚁,趕快搬回家陈醒。 嗯—— 嗨喲! 嗨喲瞧甩! ...
    08111Coco閱讀 270評論 0 0
  • 陰暗的半地下室里钉跷,小楓一遍遍刷著求職網(wǎng)站,卻沒有一個讓他興奮的消息肚逸。 肚子再次打雷一樣鬧騰起來爷辙,他卻絲毫不敢動彈,...
    II小柯II閱讀 529評論 3 10
  • 參加楊媽第五期21天口語訓練營已經(jīng)接近尾聲了朦促,盡管因為工作或個人原因無法天天進群訓練膝晾,但是收獲很大。 今天再次打開...
    樓頂上的小螞蟻閱讀 5,667評論 0 1