easeljs

0熱度

1回答

我創建了jsfiddle。我連接兩個元素的一條線，我希望線條保持連接到兩個元素，無論他們去哪裏。我有點成功，但有一個非常明顯的錯誤。它不斷繪製新的線條，而不是重新繪製現有的線條。請幫助我如何使其更新線位置。 var stage = new createjs.Stage("canvas"); createjs.Ticker.setFPS(60); createjs.Ticker.addEve

0熱度

1回答

爲什麼easeljs stage.getBounds（）返回null？

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

0熱度

1回答

easeljs背景圖像rect - 封面

我有一個在easeljs的形狀。最初創建時，它的背景顏色設置爲白色。然後，在後面的某個點，我需要給這個矩形形狀一個背景圖像 - 我真的無法讓它工作。我想形狀的背景圖像定位是這樣的： background-image: url(images/background.svg); background-size: cover; background-repeat: no-repeat;

0熱度

1回答

使用EaselJS StageGL高效地繪製網格

我想使用EaselJS在畫布上繪製網格。我正在使用新的WebGL舞臺StageGL。網格基本上是水平線的N倍和垂直線的M倍。我看到多個選項：抽獎N + M係爲各種不同的形狀（我說的是EaselJS「形狀」的實例），緩存它們（如WebGL的需要光柵），並將其添加到舞臺。繪製1條水平線和1條垂直線，緩存它們（因爲WebGL需要柵格）並以某種方式在階段中繪製相同的圖像繪製由N + M條路徑組成

0熱度

1回答

即使使用image.onload

加載不正確的HTML5圖像在第一次加載時，我正在使用EaselJS和第一次加載後，我清除我的緩存，我的圖像加載在左上角默認大小（基本上是x ：0，y：0，scale：1）而不是我指定的。我得到這是一個異步圖像加載錯誤，但我用image.onload調用完成所有實際繪圖的函數，並且這似乎不會影響任何東西。這裏是相關的代碼。我也提供了一個顯示緩存問題的小提琴，但由於跨域圖像，應用程序的實際功能無法正

0熱度

1回答

如何EaselJS

更新徑向漸變填充顏色我構建在easelJS徑向漸變填充的圓爲JavaScript畫布動畫： const blur1 = new createjs.Shape(); const endColor = this.hexToRGBA(data.settings.startColor,0); blur1.circleCmd = blur1.graphics.beginRadialGradientFi

0熱度

2回答

創建一個水平spritesheet的js動畫

我已經通過文檔和樣本只丟失在過時的文檔。顯然沒有最新版本的createjs的樣本。我需要平滑滾動水平spritesheet。這樣在新圖像完全處於「窗口」之前顯示圖像的中間部分。因此，頁面中的位置不會只移動單列中顯示的內容。水平spritesheet是不同的。而且我們不會在我們上下滾動的圖像之間切換。我在我的智慧結束與此。 this.sprite = new createjs.BitmapAni

0熱度

1回答

easljs/Animate CC畫布：可拖動的蒙版

我想在Animate CC畫布內製作一個可拖動的蒙版。 box是一個movieClip，它包含一個向量黑色正方形。 bg是一個movieclip，其中包含一個位圖，我想將該框用作蒙版並拖動。兩者都顯示在屏幕上，但dragBox只能拖動，但不會遮擋backgroundImage。我在這裏錯過了什麼？ var backgroundImage = new lib.bg(); backgroundIm

0熱度

1回答

帶圓角的EaselJS三角形？

如何在EaselJS中創建帶圓角的三角形？我使用drawPolyStar來形成三角形， var polystar = new createjs.Shape(); polystar.graphics.drawPolyStar(100, 100, 60, 3, 0, -90); 這是我所希望的三角形，看起來像一個形象：編輯：圖片鏈接似乎並沒有工作。這是三角形應該看起來像：但實際的三角形有尖銳

0熱度

1回答

如何使用TweenJS動畫EaselJS漸變？

我有一個梯度，像這樣： var graphic = new createjs.Graphics().beginLinearGradientFill( ["#000", "#fff", "#000"], [0, 0.5, 1], 0, 0, window.innerWidth, window.innerHeight ).drawRect(0, 0, windo