开发
API

NodesRef.node

基础库 1.78.0 开始支持本方法, 低版本需做兼容处理

获取 Node 节点实例。目前仅支持 Canvas 的获取。

语法

nodesRef.node([callback])

参数说明

function callback

回调函数(可选)。在执行 SelectorQuery.exec 方法后,返回节点信息。

回调参数

返回值为object类型,详细参数描述如下:

参数参数类型说明
nodeobject节点对应的 Node 实例

返回值

SelectorQuery

代码示例

<canvas id="myCanvas" type="2d"></canvas>

【代码实例 1】: 指定 fields canvas 实例获取位置:

  • fields 回调参数
  • exect 回调参数
tt.createSelectorQuery()
  .select("#myCanvas")  // canvas 组件的id
  .fields(
    {
      node: true,  // 若获取canvas 实例,必须指定 node 为true
    }, function(res){
      const canvas = res.node  // canvas 实例
   )
  .exec((res) => {
    const canvas = res[0].node         // canvas 实例
    const ctx = canvas.getContext('2d'); // canvasContext
    // draw
  })

【代码示例 2】: 通过 node 方法获取

tt.createSelectorQuery()
  .select("#myCanvas")  // canvas 组件的id
  .node()
  .exec((res) => {
    const canvas = res[0].node         // canvas 实例
    const ctx = canvas.getContext('2d'); // canvasContext
    // draw
  })
})

Bug & Tip

  • Tip: 目前仅支持 Canvas 节点实例的获取。
点击纠错
评价此篇文档