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 =“蓝色”，它确实有效。

Answer 1

将color属性更改为正确的十六进制格式：

  const DASH_COLOUR = "#0FA9D8";

对于虚线，Hex strokeStyle失败

1 个答案: