Skip to content

文字列の色を変える

文字列の色は textColor プロパティで変更することができます。

凡例

javascript
var label = new g.Label({
  ...,      // その他のプロパティ
  textColor: "red", // 赤色で描画する
});
scene.append(label);
javascript
label.textColor = "red"; // 赤色に変更する
label.invalidate(); // invalidate() で表示に反映

利用例

次のコンテンツは、 Label を赤色で表示します。

詳細

文字の描画色を買えるには textColor プロパティを利用します。

下記のコードでは、生成した Label は赤色で描画されます。

javascript
var label = new g.Label({
  scene: scene,
  font: font,
  text: "こんにちは",
  textColor: "red", // 赤色で描画する
  fontSize: 48,
  x: 100,
  y: 50
});

scene.append(label);

生成後の Label の描画色は、 textColor プロパティで参照できます。

javascript
label.textColor; // => "red"

textColor プロパティに代入することで、描画色を変更できます。表示への反映には invalidate() メソッドを呼び出す必要があります。

javascript
label.textColor = "green"; // 描画色を緑色に変更する
label.invalidate(); // invalidate() で表示に反映

関連情報