Edited at

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

More than 1 year has passed since last update.

タイトル落ち。

2017-09-04_16h08_14.png

http://runstant.com/runstataccount/projects/2881a835


流れ

phina.jsはじめて。

とりあえず枠線だけの四角形を作ってみたい。

alphaを設定すれば透明になると思ったが、図形全体が透明になってしまった。

検索してもなんか難しい…。

phina.util.Color - phina.js docs

を見ると透明色はなさそうでショック…。

backgroundColorも設定できるんだよね。

赤色に変えてみたら図形の外部の色が変わった。

あれ?じゃあデフォルトは透明なのか。

じゃあプロパティの色を拾えばわかるかな?

console.logで見るとtransparentだった。

fillにも使ってみる→できた。


考え方の反省として

色はcss方式のようなので、そちらで調べてみればよかったかも。

また、rgb形式で設定できるのでrgba形式で色指定してみればよかったかも。(transparentがrgba(0,0,0,0)の意味らしいので)