html - 如何解析 HTML5 Canvas 中显示的数据？

Question

我想解析使用 HTML5 画布元素显示的图形详细信息。当我检查元素时，它看起来只是空元素。有没有办法找出画布的内容来源？

Answer 1

不。

画布实际上是图形的画布。最好的办法是找到画布被渲染的位置，然后找到数据的来源。

Answer 2

关于你最后一个封闭的问题......

// ==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"));
}));