snapshot 的使用方法

AlipayJSBridge.call('snapshot', function(result) {
  console.log(result.success);
});

代碼示例

<h1>點擊下面按鈕查看不同截圖效果</h1>

<a href="javascript:void(0)" class="btn screen">截取屏幕并保存到相冊</a>
<a href="javascript:void(0)" class="btn viewport">viewport 截圖返回 fileURL</a>

<script>
function ready(callback) {
  // 如果 jsbridge 已經注入則直接調用
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // 如果沒有注入則監聽注入的事件
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}
ready(function() {
  document.querySelector('.screen').addEventListener('click', function() {
    AlipayJSBridge.call('snapshot', function(result) {
      alert(JSON.stringify(result));
    });
  });

  document.querySelector('.viewport').addEventListener('click', function() {
    AlipayJSBridge.call('snapshot', {
      range: 'viewport',
      dataType: 'fileURL',
      saveToGallery: false
    }, function(result) {
      alert(JSON.stringify(result));
    });
  });
});
</script>

API 說明

AlipayJSBridge.call('snapshot', {
  range, saveToGallery, dataType, imageFormat, quality,
  maxWidth, maxHeight
}, fn)

入參

出參

回調函數帶入的參數 result: {success, fileUrl, dataURL}。

錯誤碼