Question

我正在使用tiled来创建拼贴图。（Tiled是一个瓦片地图编辑器，支持正交和等距地图）

它将地图保存在XML文件中。它可以使用某些编码结构：

常规base64
base64 + gzip
base64 + zlib
常规csv

现在，我已经完全放弃了gzip（无论如何我的服务器gzips流量，所以没有损失）所以我想我会尝试使用a base64 jquery plugin

进行常规base64解码

但数据出现乱码，如下：

��������������������������������������������������������

我猜它是二进制编码，但我该如何解决呢？

需要解码的示例数据（常规base64）：

jQAAAI4AAACPAAAAkAAAAJEAAACSAAAAkwAAAKEAAACiAAAAowAAAKQAAAClAAAApgAAAKcAAAA=

需要解码的示例数据（gzip base64）：

H4sIAAAAAAAACw3DhwnAMAwAMP8P2Rdk9s1KoBQR2WK12R1Ol9vj9fn5A/luZ4Y4AAAA

示例数据为csv：

141,142,143,144,145,146,147,
161,162,163,164,165,166,167

那么如何转换常规base64编码位并将其转换为csv？

编辑：

使用Pointy解决方案发现我得到了一个半正确的数组。但是，在几千个字符后，2个数字将再次出错。之后甚至更频繁。

然后我发现有人在他的方案中也使用了tiles和base64编码。解码完阵列后，他也这样做了：

        var d = base64_decode($(this).find('data').text());
    var e = new Array();
    for (var i = 0; i <= d.length; i += 4) {
    var f = d[i] | d[i + 1] << 8 | d[i + 2] << 16 | d[i + 3] << 24;
    e.push(f)
    }

我不知道为什么需要它，但至少它有效。如果有人可以解释，请做！

Answer 1

尝试按字符查看返回的字符串。换句话说，为数组中的每个字符获取“charCodeAt”。

function codesFromString(str) {
  var rv = [];
  for (var i = 0; i < str.length; ++i)
    rv.push(str.charCodeAt(i));
  }
  return rv;
}

这会给你留下一系列数字。如果要将其作为CSV转储到页面或其他内容上，可以使用join（）

var csv = codeFromString(decoded).join(',');

编辑 - 这是一个base64数字解码器：

  var base64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split("");
  var base64inv = {}; 
  for (var i = 0; i < base64chars.length; i++) { 
    base64inv[base64chars[i]] = i; 
  }
  function decodeNumeric(s) {
    s = s.replace(new RegExp('[^'+base64chars.join("")+'=]', 'g'), "");

    var p = (s.charAt(s.length-1) == '=' ? 
            (s.charAt(s.length-2) == '=' ? 'AA' : 'A') : ""); 
    var r = []; 
    s = s.substr(0, s.length - p.length) + p;

    for (var c = 0; c < s.length; c += 4) {
      var n = (base64inv[s.charAt(c)] << 18) + (base64inv[s.charAt(c+1)] << 12) +
              (base64inv[s.charAt(c+2)] << 6) + base64inv[s.charAt(c+3)];

      r.push((n >>> 16) & 255);
      r.push((n >>> 8) & 255);
      r.push(n & 255);
    }
    return r;
  }

这适用于您的样本，但它表明您作为结果写的内容实际上并不正确。而不是“141,142,143，......”它是“141,0,0,0,142,0,0,0,143,0,0,0”等。这就是编码字符串中“AAA”的运行。

（代码从http://en.wikibooks.org/wiki/Algorithm_Implementation/Miscellaneous/Base64被盗）

Answer 2

旧话题，我知道，但您最后一个问题的答案就在这里：http://sourceforge.net/apps/mediawiki/tiled/index.php?title=Examining_the_map_format。

无法使用javascript解码平铺的base64数据

2 个答案: