时间戳

首页 > 解决方案 > Pixi.JS：为什么我不能将 Circle 添加为 Container 的子项？

javascript - Pixi.JS：为什么我不能将 Circle 添加为 Container 的子项？

问题描述

我是 Pixi.js 新手。我想要一个在屏幕上运行的播放器，它由一些图形基元组成，比如圆圈和文本。

我成功地创建了一个容器和一个文本，并将文本添加为​​一个孩子。但是当我尝试将 Circle 添加为孩子时，我收到一个错误：

error TypeError: Cannot set property '_parentID' of undefined
    at e.addChild (Container.ts:145)
    at s (brython.min.js:1)
    at build_player_avatar40 (eval at e.loop (brython.min.js:1), <anonymous>:4330:71)
    at pixi_setup39 (eval at e.loop (brython.min.js:1), <anonymous>:4241:113)
    at brython.min.js:1
    at t.value (mini-signals.js:93)
    at e._onComplete (Loader.js:623)
    at Loader.js:662
    at s (async.js:33)
    at e.t.use (SpritesheetLoader.ts:37)

有谁知道出了什么问题？

标签： javascriptgraphicsfrontendpixi.js

解决方案

您不能将 PIXI.Circle 添加为子对象，因为它不是从 PIXI.DisplayObject 继承的。正确的解决方案是创建一个 PIXI.Graphics 对象（它是一个显示对象）并使用该drawCircle()函数在图形对象中绘制一个圆。PIXI.Graphics 用于从图形基元（如矩形、多边形和线）构建可显示对象。

干杯!

推荐阅读