1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

phina.jsで内部が透明な図形を作るには shape.fill = 'transparent'

Last updated at Posted at 2017-09-04

タイトル落ち。

2017-09-04_16h08_14.png

流れ

phina.jsはじめて。
とりあえず枠線だけの四角形を作ってみたい。
alphaを設定すれば透明になると思ったが、図形全体が透明になってしまった。
検索してもなんか難しい…。
phina.util.Color - phina.js docs
を見ると透明色はなさそうでショック…。

backgroundColorも設定できるんだよね。
赤色に変えてみたら図形の外部の色が変わった。
あれ?じゃあデフォルトは透明なのか。
じゃあプロパティの色を拾えばわかるかな?
console.logで見るとtransparentだった。
fillにも使ってみる→できた。


考え方の反省として

色はcss方式のようなので、そちらで調べてみればよかったかも。
また、rgb形式で設定できるのでrgba形式で色指定してみればよかったかも。(transparentがrgba(0,0,0,0)の意味らしいので)

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?