將新的筆觸顏色注入形狀

Question

我有一個繪圖畫布（基於EaselJS CurveTo示例 ），當在mouseup時，我想將一種新顏色注入呈現給畫布的形狀中。 我也想不使用過濾器就這樣做。

BIN： https ： //jsbin.com/qejesuvovu/1/edit？html，輸出

我曾經將自定義填充/描邊直接注入到形狀圖形中，但是在更高版本的EaselJS中，此操作已停止。

marker.graphics._dirty = true;
marker.graphics._fill = new createjs.Graphics.Fill('blue');
marker.graphics._stroke = new createjs.Graphics.Stroke('blue');

在飛行中用單一筆觸顏色更改形狀顏色的推薦方法是什么？

更新：

在進一步研究之后，事實證明我需要能夠保持克隆形狀的能力，還需要保留獨立更改顏色的功能。

BIN： https ： //jsbin.com/gorasizuho/edit？html，輸出

Answer 1

在版本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";

您可以在“圖形”文檔中查看命令的完整列表。 http://createjs.com/docs/easeljs/classes/Graphics.html#property_command-每個命令都有各自的文檔： http : //createjs.com/docs/easeljs/classes/Graphics.Stroke.html

這是使用命令修改筆划划線偏移量和drawRect坐標的示例： http : //jsfiddle.net/lannymcnie/gg8sv4cq/

您可以在此處閱讀更多信息： http : //blog.createjs.com/new-command-approach-to-easeljs-graphics/