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

Question

似乎缺乏关于ColorKineticJS 中的内容的文档（如果我错了，请告诉我）

到目前为止，我通过反复试验发现，我实际上可以将以下内容传递给类中的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)");

这又是反复试验。某处有明确的清单吗？

Answer 1

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

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

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