easeljs

    0热度

    1回答

    我创建了jsfiddle。 我连接两个元素的一条线,我希望线条保持连接到两个元素,无论他们去哪里。 我有点成功,但有一个非常明显的错误。它不断绘制新的线条,而不是重新绘制现有的线条。请帮助我如何使其更新线位置。 var stage = new createjs.Stage("canvas"); createjs.Ticker.setFPS(60); createjs.Ticker.addEve

    0热度

    1回答

    在这个例子中: var canvas = document.getElementById("testCanvas"); var stage = new createjs.Stage(canvas); function drawRectangle(){ var rect = new createjs.Shape(); rect.graphics.beginFill("#

    0热度

    1回答

    我有一个在easeljs的形状。最初创建时,它的背景颜色设置为白色。然后,在后面的某个点,我需要给这个矩形形状一个背景图像 - 我真的无法让它工作。 我想形状的背景图像定位是这样的: background-image: url(images/background.svg); background-size: cover; background-repeat: no-repeat;

    0热度

    1回答

    我想使用EaselJS在画布上绘制网格。我正在使用新的WebGL舞台StageGL。 网格基本上是水平线的N倍和垂直线的M倍。 我看到多个选项: 抽奖N + M系为各种不同的形状(我说的是EaselJS“形状”的实例),缓存它们(如WebGL的需要光栅),并将其添加到舞台。 绘制1条水平线和1条垂直线,缓存它们(因为WebGL需要栅格)并以某种方式在阶段中绘制相同的图像 绘制由N + M条路径组成

    0热度

    1回答

    加载不正确的HTML5图像在第一次加载时,我正在使用EaselJS和第一次加载后,我清除我的缓存,我的图像加载在左上角默认大小(基本上是x :0,y:0,scale:1)而不是我指定的。我得到这是一个异步图像加载错误,但我用image.onload调用完成所有实际绘图的函数,并且这似乎不会影响任何东西。 这里是相关的代码。我也提供了一个显示缓存问题的小提琴,但由于跨域图像,应用程序的实际功能无法正

    0热度

    1回答

    更新径向渐变填充颜色 我构建在easelJS径向渐变填充的圆为JavaScript画布动画: const blur1 = new createjs.Shape(); const endColor = this.hexToRGBA(data.settings.startColor,0); blur1.circleCmd = blur1.graphics.beginRadialGradientFi

    0热度

    2回答

    我已经通过文档和样本只丢失在过时的文档。显然没有最新版本的createjs的样本。 我需要平滑滚动水平spritesheet。这样在新图像完全处于“窗口”之前显示图像的中间部分。因此,页面中的位置不会只移动单列中显示的内容。水平spritesheet是不同的。而且我们不会在我们上下滚动的图像之间切换。 我在我的智慧结束与此。 this.sprite = new createjs.BitmapAni

    0热度

    1回答

    我想在Animate CC画布内制作一个可拖动的蒙版。 box是一个movieClip,它包含一个向量黑色正方形。 bg是一个movieclip,其中包含一个位图,我想将该框用作蒙版并拖动。 两者都显示在屏幕上,但dragBox只能拖动,但不会遮挡backgroundImage。我在这里错过了什么? var backgroundImage = new lib.bg(); backgroundIm

    0热度

    1回答

    如何在EaselJS中创建带圆角的三角形?我使用drawPolyStar来形成三角形, var polystar = new createjs.Shape(); polystar.graphics.drawPolyStar(100, 100, 60, 3, 0, -90); 这是我所希望的三角形,看起来像一个形象: 编辑:图片链接似乎并没有工作。这是三角形应该看起来像: 但实际的三角形有尖锐

    0热度

    1回答

    我有一个梯度,像这样: var graphic = new createjs.Graphics().beginLinearGradientFill( ["#000", "#fff", "#000"], [0, 0.5, 1], 0, 0, window.innerWidth, window.innerHeight ).drawRect(0, 0, windo