search
LoginSignup
0
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

updated at

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

タイトル落ち。

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)の意味らしいので)

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
What you can do with signing up
0
Help us understand the problem. What are the problem?