比较Createjs中的两个形状
CreateJS是一个用于创建交互式Web内容的开源JavaScript库。它提供了一套强大的工具和功能，用于在HTML5 Canvas上绘制图形和动画。在CreateJS中，有两个常用的形状对象，分别是Graphics和Shape。
- Graphics对象：
- 概念：Graphics对象是CreateJS中用于绘制矢量图形的基本对象。它允许开发者通过一系列的绘图命令来创建和编辑矢量图形。
- 分类：Graphics对象可以绘制直线、曲线、圆弧、矩形、圆形等各种形状。
- 优势：Graphics对象提供了丰富的绘图命令和属性，可以实现复杂的图形效果。它还支持填充、描边、渐变、阴影等样式设置，使得绘制的图形更加丰富多样。
- 应用场景：Graphics对象适用于需要动态生成和修改图形的场景，比如游戏中的角色、道具、地图等元素的绘制。
- Shape对象：
- 概念：Shape对象是CreateJS中用于展示Graphics对象绘制的矢量图形的容器对象。它可以将Graphics对象绘制的图形作为自己的形状，并在Canvas上进行展示。
- 分类：Shape对象可以包含一个或多个Graphics对象，形成复杂的图形结构。
- 优势：Shape对象提供了对Graphics对象的封装和管理，使得绘制的图形可以方便地进行组合、变换和交互操作。同时，Shape对象还支持透明度、混合模式等样式设置，增强了图形的表现力。
- 应用场景：Shape对象适用于需要展示静态或动态图形的场景，比如网页中的图表、图像、动画等元素的展示。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：腾讯云提供了丰富的云计算产品，包括云服务器、云数据库、云存储等，可满足各种应用场景的需求。具体产品介绍和链接地址可以参考腾讯云官方网站：https://cloud.tencent.com/
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求和情况进行评估和决策。
相关·内容
1回答
easeljs检测碰撞两个矩形
、、、、
我正在尝试检测用easeljs创建的两个形状的冲突:但每次-在日志控制台中得到错误！有人能描述一下原因吗？最好的碰撞检测方法是什么(左|右|上|下)，谢谢。
<!DOCTYPE html>
<html>
<head>
<title>EaselJS collision detection test</title>
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<scr
浏览 0提问于2016-01-01得票数 0
我画了两个形状，一个在另一个上面。getObjectsUnderPoint函数只返回一个形状，即使点是这两个形状的一部分。我在上面形状的addEventListener处理程序中得到的点。这是完整的。
var stage;
function init() {
stage = new createjs.Stage("canvas");
var rect = new createjs.Shape();
rect.graphics.beginFill("#ff0000").drawRect(10, 10, 100, 100);
sta
浏览 0提问于2013-12-22得票数 0
回答已采纳
1回答
我正在尝试使用createjs版本8中的新继承模型。我想让Tile继承createjs.Shape。这里是最基本的代码。
//This is the Tile constructor
function Tile() {
this.Shape_constructor;
}
var p = createjs.extend(Tile, createjs.Shape); //Tile is a subclass of shape
window.Tile = createjs.promote(Tile, "Shape");// It needs this, but I do
n
浏览 2提问于2015-03-28得票数 0
我正在使用createjs套房和JQuery。
当我试图在舞台上添加一个子级时，控制台会给出以下错误：
这是所写的代码：
function intro(stageProperties) {
console.log('Playing Intro');
console.log(stage);
console.log($CANVAS_W);
let background = new createjs.Graphics();
background.beginFill('black');
background.drawRect($CAN
浏览 2提问于2017-05-29得票数 1
回答已采纳
2回答
我试图扩展类，但是我得到了一些奇怪的行为(至少对我来说很奇怪)。我创建和条目“类”的方式与createjs中的方式相同。在调用setValue时，我将添加一个shape对象。以下是Item类：
this.test = this.test||{};
(function() {
"use strict";
var Item = function() {
this.initialize();
};
var p = Item.prototype = new createjs.Container();
p.initialize = function(
浏览 2提问于2014-06-10得票数 1
回答已采纳
我用EaselJS制作了一个旋转的矩形，但它并不像我想象的那样工作。
我想，如果我想做一个正方形(40x40)，它在x=100，y=100的位置围绕它的中心旋转，我需要将它的注册点设置为regX=20，regY=20。
//Create a stage by getting a reference to the canvas
stage = new createjs.Stage("demoCanvas");
//Create a Shape DisplayObject.
circle = new createjs.Shape();
circle.graphics.beginFi
浏览 0提问于2013-12-02得票数 5
回答已采纳
2回答
我在一个容器里有个位图。容器具有所有转换属性(这些属性是动态的，它们是从服务器获取的)。
// Container
const display = new createjs.Container();
display.x = 103;
display.y = 44;
display.scaleX = 0.34;
display.scaleY = 0.5;
display.rotation = 35;
// Bitmap
const bitmap = new createjs.Bitmap("trophy.png");
display.addChild(bitmap);
我想在
浏览 9提问于2022-03-03得票数 1
回答已采纳
1回答
我有一个代码从xml中画出一堆定制的形状.我想通过改变对象的颜色和改变所有其他颜色来使每个形状都可以选择，但我的代码被破坏了，但是我没有收到任何错误或任何东西，它只是不工作。
var graphicsShape
function drawLayer(layer){
for (var i =0; i < xmlDoc.getElementsByTagName("polygon").length; i++)
{
if (layer == xmlDoc.getElementsByTagName("pol
浏览 1提问于2013-08-06得票数 0
回答已采纳
1回答
我想在这里实现的是在x:0，y:0位置创建一个形状。
并在不改变regX和regY的情况下围绕其中心旋转形状。
在CreateJS中有什么方法可以做到吗？
我希望有从左上角移动形状的效果，但同时从中央旋转
shape.regX=25;
shape.regY=25;
createjs.Tween.get(shape).to({rotation: 90} , 4000)
//then at the same time
shape.regX=0;
shape.regY=0;
createjs.Tween.get(shape).to({x: 100,y:100}, 4000)
是否有一种方法来传递r
浏览 1提问于2018-09-19得票数 0
回答已采纳
2回答
容器中的形状不显示在舞台上。
、、、、
在这段代码中，我尝试将一个大容器放到舞台上。这个大容器有另外两个容器，每个容器都包含一个形状。我想看到舞台上的形状，但我无法做到。编译器不会抛出错误。
下面是我写的代码：
// CREATE STAGE //
var stage = new createjs.Stage("myCanvas");
// CREATE TIME_CONTAINER //
var time_container = new createjs.Container();
time_container.x = stage.x;
time_container.y = stage.y;
time_contai
浏览 3提问于2014-02-24得票数 0
回答已采纳
我试图在JavaScript中的Paddle类中启动shape，但它不想呈现它。如果我在init函数中定义了形状var，代码就能正常工作。
代码
var Paddle = function(sizeX, sizeY){
var posX, posY;
var sizeX, sizeY;
this.sizeX = sizeX;
this.sizeY = sizeY;
shape = new createjs.Shape();
}
var paddle1 = new Paddle(25, 75);
function init(){
var
浏览 4提问于2015-10-06得票数 0
回答已采纳
2回答
我正在制作一个Createjs和html5项目，在其中我正在绘制一个形状(红色圈)，当我单击这个圆圈时，它会发出警报。它在所有的台式机和android手机上都能正常工作。除非我在windows phone中打开它，它在普通屏幕上正常工作，但当我放大屏幕时它失去工作功能时，当我单击屏幕上的任何位置(可能是形状的协调位置)时，会显示一个警报，但当我单击形状(圆圈)时，我们会感谢您的帮助。
我的demo.html
<!DOCTYPE html>
<html>
<head><title></title>
<sc
浏览 4提问于2014-04-28得票数 2
回答已采纳
我正试图为我的easelJS小应用程序寻找一种好的碰撞检测方法。
我刚刚用createjs.Shape创建了两个矩形
但是在创建矩形形状之后，API不让我知道矩形的宽度和高度(我不知道为什么)。
EaselJS Shape有一个名为"hitTest“的方法，但是它只能用于测试形状和点的碰撞。
//Here's the code http://jsfiddle.net/ZbZjL/16/.
//Create a stage by getting a reference to the canvas
stage = new createjs.Stage("demoCanva
浏览 4提问于2013-12-03得票数 5
回答已采纳
1回答
改变形状而不重新创造颜色
、、、
我有一个使用easelJS的项目，因为我试图简单地改变一个形状对象的颜色。我有一个 of ，但它们似乎都表明我需要再次使用graphics.beginFill()调用完全重新绘制形状。考虑到我已经存储了我的shape对象，并且能够对它执行其他操作，这看起来完全过分了。我也尝试过使用和，但是没有运气做一个干净的颜色改变。在某些情况下，颜色本质上“覆盖”了形状的细节。
我有一个存储ShapeObject对象的createjs.Shape()数组。
var ShapeObject = function()
{
this.name;
t
浏览 4提问于2016-02-04得票数 1
回答已采纳
如何使用createjs或easeljs获取图形对象宽度或文本宽度。
Graphics Obj :
var myShape = new createjs.Shape();
myShape .graphics.beginStroke("#FFFFFF");
myShape .graphics.setStrokeStyle(5);
myShape .graphics.beginFill("#C1272D").drawRect(0, 0, gameStage.canvas.width - 10, 40);
stage.addChild(myShape);
Tex
浏览 2提问于2013-06-26得票数 0
回答已采纳
我试图用createJS库来动画弧形，但我总是犯这样的错误：
Uncaught :TypeError不是一个函数
和
Uncaught :TypeError不是一个函数
那是什么意思？请帮帮我
<!DOCTYPE html>
<html>
<head>
<style>
body {
background: #f1ecec;
}
canvas {background-color: aliceblue;}
</style>
<script src="https://code.
浏览 8提问于2015-09-14得票数 0
当我将文本设置为链接，设置边界形状，并将命中区域设置为边界形状时，如果textAlign = 'center‘，则我的命中区域将关闭。有什么想法吗？
var linkColor = "#0000ff";
var linkFont = "bold 14px Times";
var presentationLink = new createjs.Text("View Presentation", linkFont, linkColor);
presentationLink.textAlign = "left";
presen
浏览 3提问于2015-09-25得票数 0
回答已采纳
1回答
未找到光标下的对象
、、、
我尝试了三种不同的方法，但都不起作用。
我在画布上放置了两个矩形，希望在鼠标按下事件发生时捕捉鼠标光标下的对象。
stagemousedown可以工作，但找不到对象。通过观察调试器，我看到矩形仍然具有drawrect坐标，而不是我稍后设置的坐标。还有一个'hitarea‘，我不知道如何使用，因为它是在hittest和getObjectUnderPoint中检查的。
方法1: makeButton在它从不触发的66ff ->行上创建一个处理程序
方法2:当鼠标按下事件发生时执行getObjectUnderPoint。->总是返回null
方法3:遍历每个子级并应用命中测试-&
浏览 7提问于2017-12-21得票数 0
我想用图像填充这个圆形矩形。我正在使用位图填充。
var stage = new createjs.Stage("canvas");
var layoutWidth = 0.8 * stage.canvas.width;
var layoutHeight = 0.6 * stage.canvas.height;
var layoutRect = new createjs.Shape();
var image = new createjs.Bitmap("
浏览 0提问于2016-10-21得票数 0
1回答
我试图在erase.js中移动一条线--我读了一些关于这个问题的帖子，但是没有什么对我有用。问题是，我可以操纵一些属性，如标签位置，但不是行位置。刚才我的台词是：
var result = {};
//Generation of the line
result.line = new createjs.Shape();
result.line.graphics.setStrokeStyle(3);
result.line.graphics.beginStroke(
浏览 6提问于2014-03-24得票数 0
回答已采纳
1回答
正如你在附图上看到的，它有一个菱形，里面的椭圆几乎是透明的。
但这只是一幅图像。
如何用createjs创建这个
对问题的更详细描述：
你在照片上看到的并不完全是我所需要的。理想的情况下，我的任务是用这个菱形做两个三角形，里面有一个椭圆。
椭圆应该在三角形中产生某种透明度，这样在这个三角形下的所有元素都可以通过。
我的实施：
我根据这个例子做了一个三角形：(感谢这个)
(createjs.Graphics.Polygon = function(x, y, points) {
this.x = x;
this.y = y;
this.points = point
浏览 4提问于2021-01-15得票数 0
回答已采纳
1回答
我正在使用Adobe动画CC (以前的)，我试图调整下面的代码片段，以便它创建多个矩形。
var shape = new createjs.Shape(new createjs.Graphics().beginFill("#ff0000").drawRect(5,5,100,100));
this.addChild(shape);
然后我对此进行了调整，并将其放入一个for循环中，我认为这个循环在复制对象时是可行的。下面的代码只创建一个矩形？
for (i = 0; i < 10; i++) {
var i = new createjs.Shape(new cre
浏览 1提问于2016-08-31得票数 0
回答已采纳
1回答
我有一个绘图画布(基于EaselJS )，当在mouseup上时，我想给正在呈现到画布上的形状注入新的颜色。我也想不使用过滤器。
BIN：
我曾经直接将一个定制的填充/笔画注入到形状图形中，但是在后来的EaselJS版本中，这已经停止工作了。
marker.graphics._dirty = true;
marker.graphics._fill = new createjs.Graphics.Fill('blue');
marker.graphics._stroke = new createjs.Graphics.Stroke('blue');
什么是建议的方
浏览 1提问于2015-11-05得票数 0
回答已采纳
1回答
我有一个项目，我正在使用EaselJS在容器中创建一个填充(矩形)并在其上添加文本。我的目标是使这个矩形和文本可拖动以在画布上移动它。这已经完成了，并且运行良好。
我的问题是当我尝试使用scaleX和scaleY使用onMouseOver处理程序来调整矩形的大小时。这确实已经完成了，但是矩形只是从它的初始点移到了其他位置。
我读到我需要使用regX和regY属性来覆盖它，但在我的代码上下文中，我就是不能。我做错了什么？
下面是我的Javascript代码：
(function(){
var stage, myCanvas;
var update = true;
th
浏览 0提问于2013-04-04得票数 1
回答已采纳
1回答
我想知道如何使用easljs在视频源中添加滤镜。根据文档，我可以只对bitmap.filtes属性设置筛选器。不过，这似乎不起作用。没有错误或任何东西，只是根本没有应用过滤器。
文档的一个混乱之处在于，它提到必须在显示对象上调用cache()才能应用滤镜，但对于bitmap类，它说不应该调用cache()。
下面是我用来测试的代码：
var stage = new createjs.Stage('screen');
var video = document.getElementById('source');
var bitmap = new createjs
浏览 2提问于2013-04-07得票数 2
1回答
我在EaselJS中创建了player类，方法是像这样扩展形状：
var Player = createjs.extend(function Player (color, x, y) {
this.Shape_constructor();
this.x = x;
this.y = y;
this.graphics.beginFill(color).drawCircle(0, 0, 10);
}, createjs.Shape).constructor;
createjs.promote(Player, 'Shape');
我想让我的播放器听一下s
浏览 4提问于2015-12-27得票数 0
回答已采纳
1回答
如何在createjs中获取movieClip的宽度和高度？
我正在做的是创建一个形状，然后转换为movieClip，并给它一个名称，我可以使用js中的名称访问实例，但是不能获得宽度和高度？
有什么想法或方法来实现这一点吗？我注意到了createJS CS6的扩展，它将我所做的movieClip转换为容器
浏览 0提问于2015-01-29得票数 0
回答已采纳
我试着创建一个小俄罗斯方块游戏来进入javascript。我在easeljs中遇到了一些问题，但我能够为其中的大多数找到解决方案。但有一个问题我就是搞不懂。我就是这样做的：
tetrisI = function(x, y, size) {
this.childs = new Array();
var rect1 = new createjs.Shape();
var rect2 = new createjs.Shape();
var rect3 = new createjs.Shape();
var rect4 = new createjs.Shape
浏览 4提问于2014-03-02得票数 0
回答已采纳
我有一个符号S1，有两个形状(比如sh0和sh1)。在舞台上，我有另一个符号mc的实例。在运行时，我将创建符号mc1的实例S1。使用createjs，我如何使用mc1作为mc的掩码？
浏览 0提问于2021-11-08得票数 0
回答已采纳
1回答
我正在用CreateJS画一条线。只要是"CreateJS 2013.09.25“参考资料。这条线是按预期画的。
到目前为止我一直在用这个：
<script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
问题是，使用此引用时，线条一点也不绘制，与绘制精细的所有其他形状不同。下面是我画一条线的代码：
function CreateLine(x,y,length) {
var line = new createjs.Shape();
line.
浏览 4提问于2015-07-28得票数 1
回答已采纳
一直在关注easeljs，似乎对事件委派的最佳方式感到困惑。我想做的是：
function init() {
var canvas = document.getElementById('canvas');
var stage = new createjs.Stage(canvas);
var txt1 = new createjs.Text('Test With Hit Area', '24px Arial', '#0000ff');
txt1.x = 50;
txt1.y = 50;
浏览 1提问于2013-11-21得票数 0
回答已采纳
我试图验证，无论发生什么，都会发生这种情况，而且也没有办法绕过它。在我看来，createjs使用这种架构是相当愚蠢的。但我注意到，从现有的画布元素中创建一个舞台，可以消除画布中的所有形状、文字等？代码如下：
html：
<canvas id="canvas" width="800" height="400"></canvas>
联署材料：
var canv = document.getElementById("canvas");
var stage = new createjs.Stage(canv);
v
浏览 1提问于2021-05-17得票数 0
回答已采纳
有没有一种方法可以初始化一个旋转的矩形，而不是先对其旋转进行动画处理？
stage = new createjs.Stage("demoCanvas");
//Create a Shape DisplayObject.
rect = new createjs.Shape();
rect.graphics.beginFill("red").drawRect(100, 100, 40, 40);//these are the x, y, w, and h. But no arguments for rotating?
谢谢,
浏览 35提问于2021-05-15得票数 1
回答已采纳
1回答
我正在尝试构建一个益智游戏，在那里我可以动态地改变游戏中使用的图像。我创建各种拼图形状使用绘图插件为插画，这是伟大的。.p()中的长代码包含关于向量形状以及x和y位置的所有信息。然后，beginBitmapFill()函数创建包含该形状图像中信息的形状。缺点是注册点为0,0，这意味着在拖动拼图块时始终存在偏移量。看看我的小提琴，看看我的意思。我已经注释掉了beginBitmapFill行，但是没有注释来查看它的实际运行情况。有人对怎么做有什么想法吗？
g = new createjs.Graphics();
s = new createjs.Shape(g);
s.graphics.begin
浏览 7提问于2015-01-09得票数 1
回答已采纳
1回答
我正在做一个简单的游戏，但我被困，我已经创建了两个方块，一个你可以移动，另一个应该是无法通过，但我找不到代码使它成为一个坚实的物体。我需要这个，因为第二个广场将是一个架子上的第一个广场(玩家)将跳上。这仅仅是我遇到这个问题的开始，而这个游戏还没有接近完成的地方，因为我不知道该如何做这许多感谢。
<!DOCTYPE HTML>
<head>
<title>Something fancy</title>
</head>
<body>
<h3>Arrow keys to move, and space
浏览 2提问于2015-08-17得票数 2
回答已采纳
在调用getObjectsUnderPoint时，获取容器时遇到问题。根据easeljs的文档，当容器上的mouseEnabled属性设置为true时，在调用getObjectsUnderPoint时，它应该返回容器对象，而不是其子对象。
在示例代码中，我有两个容器，每个容器都有两个子容器(形状和图像)。它的拖放示例。在mouseup事件中，我检查两个容器是否重叠。但是当我调用stage.getObjectsUnderPoint时，它返回的是[Shape, Image, Shape, Image]数组。我所期望的是这两个容器。
我可能没有设置stage或其他东西的一些其他属性。
我试着在网上找
浏览 0提问于2013-02-20得票数 1
回答已采纳
1回答
我正在使用eaeljs和tweenjs来绘制多条线，这些线通过一个点从一个位置绘制到另一个位置，使其成为一条曲线，并将img附加到该线的前面。为此，我使用了补间插件MotionGuidePlugin。这应该发生在init()-function中。没有鼠标事件或基于用户的事件触发此操作。
我的问题是我的画布在一段时间后变得非常慢。线条变得更加“像素化”，动画跳过了很多帧--创建了一条直线而不是曲线。我在Stack Overflow上研究过这个问题，发现这是因为每个帧都绘制了一个新的Graphics。解决方案似乎是清除Graphics或缓存它，但我不知道如何使用我当前的代码实现这一点：
creat
浏览 0提问于2016-02-15得票数 2
是否可以将鼠标事件添加到形状蒙版？我有工作的面具，并在其他测试中它的动画。但现在我想知道是否可以单击和拖动蒙版。
您可以在这里看到示例：
尽管Easeljs似乎永远不会在jsFiddle中工作，但你也可以在这里看到代码：
var circle = new createjs.Shape();
var Galaxy;
$(document).ready(function() {
canvasWidth = "1024px";
canvasHeight = "768px";
stage = new createjs.Stage('demoCanvas
浏览 1提问于2013-06-06得票数 0
2回答
我正在研究一个基于地图的应用程序的开发特性，其中我需要做两件事：
检测所有形状是相互重叠的(坐标匹配)。
点击他们的顶部，把他们分开
以下是对此有明确了解的要求：
因此，在这个图像中，左状态是默认状态，而右边状态是，一旦我们单击它们，状态就变成分裂状态，所有形状都是分散的，但与标签名称(在本例中为"G108“)相连接。
这两个形状数据将来自两个不同的API。我需要做的是发现重叠。那么，我是否需要在createJs提供的"stage“元素中遍历孩子，这似乎很费时？那么，应该根据什么依据来检查呢？从不同的API中可以绘制出3到4个形状，并且彼此之间没有任何
浏览 5提问于2021-06-21得票数 2
2回答
我已经被困在这个大约一个星期了，不知道为什么在我的容器内的形状实例是模糊的，当它是60 fps动画。我的容器包含一个形状实例。形状实例与一个图形实例相关联。似乎有一个白色的模糊，跟踪方向的动画。有什么方法可以阻止这种模糊现象，还是tweenJS的局限性？这是jsFiddle。
这里是一些额外的细节，我正在工作的台球游戏，其中涉及许多移动圈。我已经为每个台球创建了一个类，它将在将来保存更多的形状实例。然而，在60 fp时，形状实例在动画中是模糊的。这是'poolBall‘类。
function poolBall(number, posX, posY) {
this.number
浏览 10提问于2015-08-16得票数 0
回答已采纳
我是一位动画师，我试图扩展到编码，我有点被基本原理困住了。
这是一个简单的字符行走周期，我试图用代码arcTo在body ManBody和脚部foot01之间画腿。
线条向前移动，身体移动，但线条在每一帧上都被重画--如何/在哪里绘制stage.update()；因此，它仅仅是一条线，可以画到舞台上，然后在移动的部分之间移动？
//mouse cursor
stage.canvas.style.cursor = "none";
this.ManBody.mouseEnabled = false;
this.addEventListener("tick", fl_
浏览 7提问于2016-03-11得票数 0
回答已采纳
我对形状()的obj.getTransformedBounds()有一个问题。
getBounds()方法应该返回一个矩形(如果它是使用setBounds()设置的)，该矩形将在其自身的坐标空间中存储该形状()的x/y/w/h --它的实际宽度和高度没有应用任何转换。
getTransformedBounds()方法应该返回一个矩形(如果使用setBounds()设置的话)，该矩形将x/y/w/y存储在其父坐标空间内--形状的宽度和高度以及应用的转换。
相反，我看到getBounds()只返回应用其scaleX和/或scaleY的形状的转换边界：
var shape = new createj
浏览 2提问于2014-01-28得票数 0
回答已采纳
Createjs提供了一个很好的附加图形命令的方法。
但是，如果我需要删除这些命令，例如，当一个形状被单击时，该怎么办？
浏览 0提问于2015-08-27得票数 0
如果在循环中将形状添加到舞台上，如下所示：
fooShape = new createjs.Shape().set({name:"newShapes"});
使用"newShapes“名称删除所有形状的函数最简单的方法是什么？
我尝试过像stage.removeChild(fooShape[i]);这样的东西，但我会得到“未定义”。
浏览 2提问于2016-04-19得票数 1
回答已采纳
我使用CreateJS将图形(形状)和位图添加到我的舞台上，并将其添加到HTML5画布中。
在屏幕周围移动圆圈图形(大小为20 in )后，过一段时间后会出现严重的滞后。
我遵循本文来找出性能问题：
所以我试着缓存..。现在，当我按下键时，圆圈不会移动。我的缓存不正确吗？
world = new createjs.Container();
segment = new createjs.Shape();
segment.graphics.beginFill("red").drawCircle(0, 0, 20);
segment.x = 100;
segment.y =
浏览 2提问于2014-02-12得票数 3
回答已采纳
我在EaselJS中使用Sprite做动画，由于性能问题，我必须使用SpriteStage类来帮助perf。我还用了很多口罩，让精灵在某些部分被剪掉。
现在，当使用SpriteStage时，我的所有掩码都不再应用了。我认为这是因为SpriteStage不支持给孩子们添加形状，但我认为它可以工作，因为我并不是真的把它添加到舞台的孩子中，只是把它应用到雪碧上。
我使用了来自另一个这样的问题的，添加了一些代码来表明掩码在SpriteStage下不起作用。
var maskRect = new createjs.Graphics().drawRect(0, 0, 16, 16);
var shape
浏览 3提问于2015-02-12得票数 0
回答已采纳
2回答
如何在使用EaselJS更新对象属性的同时重画画布形状？我看到属性正在更新，但我的绘图函数没有清除画布或使用新值重新绘制形状。
HTML
<canvas id="example" width="300" height="300"></canvas>
<div>
<label>Width Size</label>
<input type="range" class="slider" min="0" max="300&
浏览 0提问于2016-03-22得票数 2
下面的代码不适用于在画布上添加dom元素
var stage = new createjs.Stage('mycanvas');
var html = document.createElement('div');
html.id = 'ab';
html.style.height = '50px';
html.style.width = '100px';
html.style.backgroundColor = '
浏览 0提问于2014-06-06得票数 4
我试图使用easelJS向单行添加模糊效果。我一直在跟踪BlurFilter文档中的createJS演示(只不过它们使用的是圆圈而不是一行)。除非删除shape.cache调用，否则我的形状会完全消失。这有可能是一条线，还是模糊的形状？
function drawShape() {
var shape = new createjs.Shape();
shape.graphics.setStrokeStyle(10, "round")
.beginStroke(colorPalette.shape[0])
.beginFill(colorPalette.shape
浏览 3提问于2016-07-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
