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

【问题标题】：Pixi.JS: Why can't I add a Circle as a child of a Container?Pixi.JS：为什么我不能将 Circle 添加为 Container 的子项？
【发布时间】：2020-10-02 06:22:45
【问题描述】：

我是 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)

有人知道怎么回事吗？

【问题讨论】：

标签： javascript graphics frontend pixi.js

【解决方案1】：

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

干杯！

【讨论】：