Javascript 将新笔划颜色注入形状
我有一个绘图画布(基于EaselJS),当打开Javascript 将新笔划颜色注入形状,javascript,createjs,easeljs,Javascript,Createjs,Easeljs,我有一个绘图画布(基于EaselJS),当打开mouseup时,我想在画布上渲染的形状中注入一种新的颜色。我也希望不用过滤器 垃圾箱: 我曾经直接将自定义填充/笔划注入形状图形中,但在更高版本的EaselJS中,这已经停止工作 marker.graphics._dirty = true; marker.graphics._fill = new createjs.Graphics.Fill('blue'); marker.graphics._stroke = new createjs.Graphi
mouseup
时,我想在画布上渲染的形状中注入一种新的颜色。我也希望不用过滤器
垃圾箱:
我曾经直接将自定义填充/笔划注入形状图形中,但在更高版本的EaselJS中,这已经停止工作
marker.graphics._dirty = true;
marker.graphics._fill = new createjs.Graphics.Fill('blue');
marker.graphics._stroke = new createjs.Graphics.Stroke('blue');
使用单笔划颜色动态更改形状颜色的推荐方法是什么
更新:
在进一步研究之后,我发现我需要能够保持克隆形状的能力,并保留独立更改颜色的功能
BIN:在0.7.0版中,图形被重新构造为使用“命令”。绘图的API没有什么不同(除了删除旧的
appendInstruction
API),但是您可以随时修改各个命令的属性,并且它们将在阶段更新时反映出来
var shape = new createjs.Shape();
shape.graphics.setStrokeStyle(3);
var strokeCommand = shape.graphics.beginStroke("#f00").command;
shape.graphics.drawRect(0,0,100,100);
可以修改任何命令的属性:
strokeCommand.style = "#00f";
您可以在图形文档中看到命令的完整列表。
-每个命令都有单独的文档:
下面是一个使用命令修改笔划划线偏移和drawRect坐标的示例:
您可以在此处阅读更多内容:我刚刚对我的问题进行了更新。我还需要能够克隆形状,同时独立保留更改笔划颜色的能力。有没有办法解决这个问题?目前还不可能。当你克隆一个形状(使用
true
进行递归克隆)时,图形会被克隆,但它们仍然包含对相同指令的引用。嗯,对于一个克隆的形状,我唯一的选择似乎是循环浏览指令,并根据命令类型决定需要更改的内容。