canvasのfillRect()とfillText()の描画順の仕組み

Question

    drawCreative() {
      this.ctx.fillStyle = this.selectedTemplate.background
      this.ctx.fillRect(0, 0, 500, 500)
      this.ctx.fillText('aiueo', 20,20)
    },

このような処理を書いていてたのですが。自分のイメージですと、先にfillRectが表示され、その後にfillTextが呼ばれるものかと思っていたのですが、実行結果を見てみるとfillRectの後ろにfillTextが描画されてしまっているのですが、canvasの機能の中でz_indexの様な機能はあるのでしょうか？

Answer 1

this.ctx.fillStyle = this.selectedTemplate.background
この処理によって全部の色（fill関数系）が変更されていた
やるのであれば。
drawCreative() {
this.ctx.fillStyle = this.selectedTemplate.background
this.ctx.fillRect(0, 0, 500, 500)
this.ctx.fillStyle = 'white'
this.ctx.fillText('aiueo', 20,20)
},