leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

请教:除了ground、tree、sky,还能自己添加自定义层吗?

Open 826327700 opened this issue 1 year ago • 5 comments

如果能的话,如何添加?

826327700 avatar Dec 05 '24 14:12 826327700

可以添加,切换一下示例代码的tab标签,有手动创建的示例,或者直接看api:

https://www.leaferjs.com/ui/reference/display/App.html#%E5%85%B3%E9%94%AE%E6%96%B9%E6%B3%95

leaferjs avatar Dec 06 '24 00:12 leaferjs

可以添加,切换一下示例代码的tab标签,有手动创建的示例,或者直接看api:

https://www.leaferjs.com/ui/reference/display/App.html#%E5%85%B3%E9%94%AE%E6%96%B9%E6%B3%95

app.ground = new Leafer({ type: 'draw' }) app.tree = new Leafer() app.sky = new Leafer({ type: 'draw', usePartRender: false })

根据文档试了一下,新添加的层取名app.xxx吗?能运行,但是会报ts错误

826327700 avatar Dec 06 '24 01:12 826327700

可以添加,切换一下示例代码的tab标签,有手动创建的示例,或者直接看api: https://www.leaferjs.com/ui/reference/display/App.html#%E5%85%B3%E9%94%AE%E6%96%B9%E6%B3%95

app.ground = new Leafer({ type: 'draw' }) app.tree = new Leafer() app.sky = new Leafer({ type: 'draw', usePartRender: false })

根据文档试了一下,新添加的层取名app.xxx吗?能运行,但是会报ts错误

创建一个xxx.d.ts文件:


import "leafer-editor";

declare module "leafer-editor" {
  import { ILeafer } from "leafer-editor";

  interface App {
    xxx: ILeafer;
  }
}

Ronbb avatar Dec 06 '24 02:12 Ronbb

可以添加,切换一下示例代码的tab标签,有手动创建的示例,或者直接看api: https://www.leaferjs.com/ui/reference/display/App.html#%E5%85%B3%E9%94%AE%E6%96%B9%E6%B3%95

app.ground = new Leafer({ type: 'draw' }) app.tree = new Leafer() app.sky = new Leafer({ type: 'draw', usePartRender: false }) 根据文档试了一下,新添加的层取名app.xxx吗?能运行,但是会报ts错误

创建一个xxx.d.ts文件:

import "leafer-editor";

declare module "leafer-editor" {
  import { ILeafer } from "leafer-editor";

  interface App {
    xxx: ILeafer;
  }
}

好的 谢谢!另外问一下:

type ILeaferType =
  | 'draw' // 绘图场景
  | 'block' // 块状融入场景
  | 'editor' // 图形编辑场景
  | 'design' // 设计场景
  | 'board' // 白板场景
  | 'document' // 文档场景
  | 'app' // 应用场景
  | 'website' // 网站场景
  | 'game' // 游戏场景
  | 'player' // 动画播放场景
  | 'chart' // 图表场景
  | 'custom' // 自定义

设置不同的LeaferType有什么实际区别吗

826327700 avatar Dec 06 '24 03:12 826327700

可以添加,切换一下示例代码的tab标签,有手动创建的示例,或者直接看api:

https://www.leaferjs.com/ui/reference/display/App.html#%E5%85%B3%E9%94%AE%E6%96%B9%E6%B3%95

当自定义新增的 new Leafer({width:xxx,height:xxx}) 设置了width和height 就不渲染在APP里了 为什么?

826327700 avatar Dec 06 '24 04:12 826327700