canvas清除画布之后,设置的背景色不见了

问题:最近在做一个用canvas实现签名得效果,遇到一个小坑,创建画布得时候,设置了默认得背景色#fff;签名成功之后,点击“重写”,也就是清除画布之后会发现设置得白色背景色又变成了透明的,但是线条粗细,颜色这些参数却不会发生改变
解决办法:在清除画布的方法里,清除画布之后,重新画一个背景

  //重新画一个背景
  this.cxt.fillRect(0, 0, this.canvas.width, this.canvas.height)
   //清除画布
            this.clearEl.addEventListener(
                'click',
                function () {
                    this.cxt.clearRect(
                        0,
                        0,
                        this.canvas.width,
                        this.canvas.height
                    )
                    //重新画一个背景
                    this.cxt.fillRect(0, 0, this.canvas.width, this.canvas.height)
                }.bind(this),
                false
            )
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值