Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Createjs应用线性渐变笔划_Javascript_Svg_Createjs_Linear Gradients - Fatal编程技术网

Javascript Createjs应用线性渐变笔划

Javascript Createjs应用线性渐变笔划,javascript,svg,createjs,linear-gradients,Javascript,Svg,Createjs,Linear Gradients,使用Createjs而不是Dynamics编写web应用程序。我对CreateJSSVG感兴趣。不管怎样,我不知道我是不是在浪费时间换衣服。我只是想给线性渐变按钮添加一个笔划。动力学很简单,createjs,不是这样 我不明白为什么它们为同一事物包含许多不同的类(矩形、graphics.rect、shape)。干得好。我在试着把电话连起来 var bttn = new c.Shape(); bttn.graphics.beginLinearGradientFill(["blue"

使用Createjs而不是Dynamics编写web应用程序。我对CreateJSSVG感兴趣。不管怎样,我不知道我是不是在浪费时间换衣服。我只是想给线性渐变按钮添加一个笔划。动力学很简单,createjs,不是这样

我不明白为什么它们为同一事物包含许多不同的类(矩形、graphics.rect、shape)。干得好。我在试着把电话连起来

var bttn = new c.Shape();
        bttn.graphics.beginLinearGradientFill(["blue", "white"], [.2, .9], 0, 0,0,50 ).drawRoundRect(100, 10, 80, 35,5).setStrokeStyle(13).beginLinearGradientStroke(["black", "blue"], [.2, .9], 0, 0,0,50 );
然而,当我运行它时,我得到了带有渐变的矩形,但没有笔划。查看文档,他们发布了beginLinearGradientStroke属性的格式,并将其应用于新矩形,而该矩形没有填充。这将绘制笔划,但笔划未附着到原始对象

bttn.graphics.setStrokeStyle(13).beginLinearGradientStroke(["black", "blue"], [.2, .9], 0, 0,0,50 ).drawRect(20, 20, 120, 120);
我错过了什么


谢谢。

EaselJS使用一个模型,您可以在其中定义笔划和填充,然后使用这些样式进行绘制。因此,在绘制矩形之前,只需调整代码以定义笔划:

var bttn = new c.Shape();
        bttn.graphics.beginLinearGradientFill(["blue", "white"], [.2, .9], 0, 0,0,50 ).setStrokeStyle(13).beginLinearGradientStroke(["black", "blue"], [.2, .9], 0, 0,0,50 ).drawRoundRect(100, 10, 80, 35,5);
为了解决你的另一个问题,CreateJS中的矩形代表一个几何矩形-它是一个用于存储表示矩形的数据的类,以及操作矩形的方法,它不绘制任何东西