如何解析HTML5 Canvas中顯示的數據？

Question

我想解析使用HTML5 canvas元素顯示的圖形細節。當我檢查元素時，它看起來只是空的元素。有什麼方法可以找出畫布的內容來源？

Answer 1

號

畫布字面上用於圖形的畫布。您最好的選擇是找到畫布的渲染位置，然後找到數據來自哪裏。

Answer 2

關於你last closed question ......

// ==UserScript== 
// @name  Graph reader 
// @namespace http://gm.wesley.eti.br 
// @include  http://www.quantcast.com/stackoverflow.com 
// @version  1 
// ==/UserScript== 

var tz = 60 * new Date().getTimezoneOffset(); 
(function recursive (x, l, f) { 
    if (l.length) { 
     if (x[l[0]]) { 
      recursive(x[l.shift()], l, f); 
     } else { 
      setTimeout(recursive, 1000, x, l, f); 
     } 
    } else { 
     f(x); 
    } 
}(unsafeWindow, ["qctg", "controller", "subset", "reach"], function (data) { 
    // data is equals to unsafeWindow.qctg.controller.subset.reach 

    var index = data.length - 1; 
    alert([ 
     "DATE  " + new Date(1000 * (data[index].date + tz)), 
     "PEOPLE  " + data[index].reach.PEOPLE.GLOBAL, 
     "VISITS  " + data[index].reach.HOURLY_SESSIONS.GLOBAL, 
     "PAGE VIEWS " + data[index].reach.ARRIVALS.GLOBAL, 
    ].join("\n")); 
}));