Swiftで角丸ラベルに袋文字を表示したい

Question

前提・実現したいこと

Swiftで角丸ラベルに袋文字を表示しようとしています。
https://qiita.com/bu-ka/items/afda427e8dbe03e8e3a2を参考にCGContextを使用して実現しようとしています。

発生している問題・エラーメッセージ

袋文字は表示できたのですが、ラベルの背景の角丸がとれて四角になってしまいます。borderは角丸の状態です。

該当のソースコード

class DecorateLabel: UILabel {

    var strokeColor = .black
    var strokeSize:CGFloat = 5.0

    override func drawText(in rect: CGRect) {
        if let context = UIGraphicsGetCurrentContext() { 
            let textColor = self.textColor

            context.setLineWidth(self.strokeSize)
            context.setLineJoin(CGLineJoin.round)
            context.setTextDrawingMode(.stroke)
            self.textColor = self.strokeColor
            super.drawText(in: rect)

            context.setTextDrawingMode(.fill)
            self.textColor = textColor
        }
        super.drawText(in: rect)
    }
}

呼出し側

let label = DecorateLabel()
label.frame = CGRect(x: 10, y: 10, width: 200, height: 50)
label.textColor = .white
label.text = "ラベル"
label.backgroundColor = .blue
label.layer.cornerRadius = 6.0
layer.borderColor = .red
layer.borderWidth  = 2.0
label.clipsToBounds = true

試したこと

Swift初心者でどう対応していいかがわかりません。
上記のdrawText内で下記を追加してみたりしたのですが結果は変わりませんでした

let path = UIBezierPath(roundedRect: self.bounds, cornerRadius: 6.0))
let mask = CAShapeLayer()
mask.path = path.cgPath
self.layer.mask = mask

補足情報（FW/ツールのバージョンなど）

swift 5.1.2
xcode 11.2

Answer 1

現象自体はなおらなかったのですが
角丸背景色のViewを作ってその上に透過背景のラベルを重ねるようにしました。

Answer 2

表示する方のコードに、labelが抜けているところがあります。

layer.borderColor = .red
layer.borderWidth  = 2.0

これを

label.layer.borderColor = .red
label.layer.borderWidth  = 2.0

こうしたら良いのではないでしょうか。

なお、labelに対するこれらの処理は、DecorateLabelクラスに取り込んでしまうとスッキリするのかなと思いました。

Comments

[harucca]

ご指摘ありがとうございます。
すみません、こちらは手打ちでコピーしたために転記をミスしたようです。
現状、borderに関しては角丸になっているのですが、背景が角丸にならない状態となっていて困っています。角丸borderの外側に背景が角丸にならず表示されている状態です。

[eytyet]

Playgroundでやってみる限りは、抜けているlabelを入れたらそれっぽく表示されました。
背景、と呼んでいるビューは、DecorateLabelですか？それとも、それより上位のビューでしょうか。プログラムを実行中に、Dabug View Hierarchyボタン(四角がふたつ重なったアイコンです)で、ビュー階層を確かめるとヒントがみえてくるかと思います。

[harucca]

返事が遅くなってすみません。背景というのはDecolateLabelです。ラベルの背景色の部分が四角になっています。
開発環境が自宅になくすぐに確認できないのですが、ビュー階層を確認してみます。