kineticjs - KineticJS 可以采用什么类型的颜色？

Question

似乎缺乏关于 KineticJS 中 Color 是什么的文档(如果我错了，请告诉我)

到目前为止，我通过反复试验发现，我实际上可以将以下内容传递给 setFill 类中的 Shape 之类的函数:

someShape.setFill("red");
someShape.setFill("#FF0000");
someShape.setFill("rgb(255,0,0)");

但是，您不能传入:

someShape.setFill(0xff0000);
someShape.setFill("rgb(100%,0%,0%)");
someShape.setFill("hsl(360,100,100)");
someShape.setFill("hsv(360,100,100)");

这也是反复试验。某处有明确的 list 吗？

Answer 1

KineticJS 将 fill 属性传递给 canvas 上下文的 fillStyle 属性，它会根据 CSS 颜色模型将字符串解析为 CSS 颜色:

http://dev.w3.org/csswg/css3-color/

我尝试了你提到的每种填充类型，它们实际上都对我有用，除了 hsv，在谷歌浏览器中。如果它们不能全部工作，那是因为您使用的浏览器没有完全按照 W3C 规范实现颜色解析