Javascript 动画CC画布导出嵌入到角度模板中

Javascript 动画CC画布导出嵌入到角度模板中,javascript,html,angular,typescript,animate-cc,Javascript,Html,Angular,Typescript,Animate Cc,因此,我想带上我在animate cc中制作的一个小动画,并将其嵌入画布上的角度模板中,如下所示: <div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1014px; height:650px"> <canvas id="canvas" width="1014" height="650" style="position: absolute; disp

因此,我想带上我在animate cc中制作的一个小动画,并将其嵌入画布上的角度模板中,如下所示:

<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1014px; height:650px">
    <canvas id="canvas" width="1014" height="650" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
    <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1014px; height:650px; position: absolute; left: 0px; top: 0px; display: block;">
    </div>
</div>

为了导入某些东西,您需要先导出它

模块在其自身范围内执行,而不是在全局范围内执行; 这意味着变量、函数、类等在 模块在模块外部不可见,除非它们显式显示 使用其中一个导出表单导出。相反地,消费 从不同类型导出的变量、函数、类、接口等 模块,则必须使用其中一个导入窗体导入


检查createjs模块并确保导出所需的任何内容

在angular中进行装配的最简单方法是不使用模块。原因是模块的版本可能与生成动画cc文件/代码的版本不一致。相反,您可以做的只是获取导出的库并将它们作为链接添加到组件中

<script src="path/to/createjs"></script>
<script src="path/to/anyOtherRequiredLibrary"></script>
这应该允许此行运行(createjs=createjs | |{},AdobeAn=AdobeAn | |{})这可能就是为什么您会得到:
createjs.Rectangle
就好像
createjs
var不存在一样,它正在用一个空对象替换它

declare var creates: any;
declare var AdobeAn: any;