Hex strokeStyle 对虚线失败

Question

我有以下功能（通过babel编译）

const DASH_COLOUR = "x0FA9D8";
const DASH_DASH = 5;
const DASH_EMPTY = 5;

...

diagonalDraw(context, fromX, fromY, toX, toY) {
    context.save();
    console.log(DASH_COLOUR);
    context.strokeStyle = DASH_COLOUR;
    context.setLineDash([DASH_DASH, DASH_EMPTY]);
    context.beginPath();
    context.moveTo(fromX, fromY);
    context.lineTo(toX, toY);
    console.log("readBack", context.strokeStyle)
    context.stroke();
    context.restore();
}

控制台输出为：

x0FA9D8
readBack 0

FireFox 滴管显示该线是各种灰色阴影（RGB 均等）。

不取回相同的值真的违反了规范吗？为什么不起作用？

注意：如果 DASH_COLOUR = "blue" 它确实有效。

Answer 1

更改颜色属性以更正十六进制格式：

  const DASH_COLOUR = "#0FA9D8";

Hex strokeStyle 对虚线失败

Hex strokeStyle fails for dashed lines

html

canvas

stroke