diff options
| author | Florrie <towerofnix@gmail.com> | 2018-08-12 09:42:19 -0300 |
|---|---|---|
| committer | Florrie <towerofnix@gmail.com> | 2018-08-12 09:42:19 -0300 |
| commit | ce8823196034323f1613d87b52155543a9247f47 (patch) | |
| tree | 5480d1379b43eb14b48f10c718b86cf000ab7136 | |
| parent | d7ea29632d1f1d08b713e01f663cdddad0cfc1ff (diff) | |
Background behind ATB bar
| -rw-r--r-- | img/bg.kra | bin | 548436 -> 548440 bytes | |||
| -rw-r--r-- | img/bg.kra~ | bin | 0 -> 548436 bytes | |||
| -rw-r--r-- | index.js | 3 |
3 files changed, 3 insertions, 0 deletions
diff --git a/img/bg.kra b/img/bg.kra index 24b56d1..c798aac 100644 --- a/img/bg.kra +++ b/img/bg.kra Binary files differdiff --git a/img/bg.kra~ b/img/bg.kra~ new file mode 100644 index 0000000..24b56d1 --- /dev/null +++ b/img/bg.kra~ Binary files differdiff --git a/index.js b/index.js index cbdd4fc..3e46f74 100644 --- a/index.js +++ b/index.js @@ -54,6 +54,9 @@ class ATBBar { ctx.clearRect(0, 0, this.canvas.width, this.canvas.height) ctx.save() + ctx.fillStyle = 'rgba(255, 255, 255, 0.2)' + ctx.fillRect(0, 0, this.canvas.width, this.canvas.height) + ctx.beginPath() ctx.rect(0, 0, Math.round(this.canvas.width * this.visualProgress), this.canvas.height) ctx.clip() |