CSSでグラデーションの上にPNG画像を一緒に使う

ページ背景で、透過png画像とbackground / linar-gradientを同時に使うトリック。

electron 8で使えたのでchrome 78で有効なはず。




```
 13 html{¬
 14 >-------background: linear-gradient(-30deg, rgba(190, 255, 190, 1), rgba(215, 255, 215, 1));¬
 15 }¬
 16 body{¬
 17 >-------background: url("image/sky.png") center center / cover no-repeat fixed¬

 18 }¬

```

htmlタグに背景色、bodyに透過PNG画像。
最初はグラデーションと画像でcssファイルを分けていたのが有効化のトリックかとも思ったが、そうではなかった。

注意:
image/sky.pngはcssファイルからの相対パスになっていた。
```
index.html
css + style.css
    + image/sky.png
```


stackoverflowのコメントによると画像とグラデーションの同時利用は回答時点では仕様策定中と書いてあるのだと思う。
https://stackoverflow.com/a/10881460

electron-packagerがフリーズした場合の対処

electron-packagerがフリーズした場合の対処。


```
> daisy_sequence@201812.2.0 pack:win /home/nuka/daisy_sequence/daisy_sequence
> npm run clean:win && electron-packager . --out=./release/win --platform=win32 --arch=x64 --icon='./image/icon.ico' --ignore='release' --ignore='object/' --ignore='obj/' --ignore='work/' --ignore='test/'


> daisy_sequence@201812.2.0 clean:win /home/nuka/daisy_sequence/daisy_sequence
> rm -rf ./release/win

```

とかで止まった時、npmキャッシュを除去すると解決する場合がある。
sudo rm -rf ~/.npm


```
> daisy_sequence@201812.2.0 pack:win /home/nuka/daisy_sequence/daisy_sequence
> npm run clean:win && electron-packager . --out=./release/win --platform=win32 --arch=x64 --icon='./image/icon.ico' --ignore='release' --ignore='object/' --ignore='obj/' --ignore='work/' --ignore='test/'


> daisy_sequence@201812.2.0 clean:win /home/nuka/daisy_sequence/daisy_sequence
> rm -rf ./release/win

Packaging app for platform win32 x64 using electron v6.0.12
Wrote new app to release/win/daisy_sequence-win32-x64
~/daisy_sequence
~/daisy_sequence/daisy_sequence/release/win/daisy_sequence-win32-x64 ~/daisy_sequence
  adding: LICENSE (deflated 41%)
  adding: LICENSES.chromium.html (deflated 83%)
  adding: README.md (deflated 36%)
  adding: chrome_100_percent.pak (deflated 8%)


```


また、各プラットフォーム向けelectonバイナリのダウンロードは進行していてプログレスバーが出ていないだけの場合もある。
(macosx catalinaにて発生)
/tmp下を見るとわかる。electron-*的な名前のファイルが存在してサイズが増えていくはず。
`ls -lh /tmp`


Linuxコマンドライン上でSVGベクタ画像をJPG等へラスタライズ変換する

 Linuxコマンドライン上でSVGベクタ画像をJPG等へラスタライズ変換することができるが、上手く変換されない場合がある。   以前作った魔法陣イラスト素材をイラスト素材ストックサイトへ登録しようと思い立ち、改めて素材用にラスタライズ変換をかけようとした。   ラスタライズ変換...