html5 - 这个页面利用xml嵌入到canvas的是什么技术？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - 这个页面利用xml嵌入到canvas的是什么技术？

阿神 2017-04-17 11:58:37

[HTML讨论组]

1317

http://nb574.bungba.com/?from=groupmessage&isappinstalled=0#rd
模块都是requirejs加载的，里面的canvas是一个一个的xml渲染出来，这种是什么类型的技术？
可能需要模拟手机打开链接

阿神

闭关修行中......

全部回复(3)

黄舟2017-04-17 12:00:37 3楼

xml保存的是"显示对象"的数据,然后canvas再根据这些数据渲染啊

思想上是有点接近Virtual DOM

参考：
http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html

赞 +0

添加回复

PHPz2017-04-17 12:00:37 2楼

-1的原因竟然是因为 http://nb574.bungba.com/js/nb.compress.js 是被压缩过的不容易看。

// dom ready 的时候 new axe
require(["jquery", "axe", "nb"], function (e, t, n) {
  e(document).ready(function () {
    new t(n, "views/stage.xml")
  })
})

// axe 第二个参数g如果是`string`调用 stageCtrl.initWithURL, 监听 `stageCtrl` 的 `PREPARED`,`PREPARED` 后`stageCtrl.view()`
define("axe", ["render_engine", "event_center", "event", "stage", "view_container", "view", "bitmap", "shape", "movie", "text", "button", "motion", "scroll_view", "table_view", "spin_view", "view_factory"], function (e, t, n, r, i, s, o, u, a, f, l, c, h, p, d, v) {
  var m = function (m, g, y) {
    var b = this;
    v.addClass("stage", r),
    v.addClass("container", i),
    v.addClass("view", s),
    v.addClass("bitmap", o),
    v.addClass("shape", u),
    v.addClass("movie", a),
    v.addClass("text", f),
    v.addClass("button", l),
    v.addClass("motion", c),
    v.addClass("scroll", h),
    v.addClass("table", p),
    v.addClass("spin", d),
    b.stageCtrl = new m,
    typeof g == "string" ? (b.stageCtrl.initWithURL(g),
      t.addListener(b.stageCtrl, b, n.PREPARED, function () {
        b.renderEngine = new e(b.stageCtrl.view())
      })) : (b.stageCtrl.init(),
      b.renderEngine = new e(b.stageCtrl.view()))
  },
  g = m.prototype;
  return g.stageCtrl = null,
  g.renderEngine = null,
  m
})

用到的技术