HTML5 Canvas 绘图方法整理 【十七、Canvas透明度 / 图形叠加、层次、冲突】

Canvas 设置透明度 :
语法: ctx.globalAlpha= 属性值;
属性值是 0 - 1之间的数字。 同CSS一样的透明度属性值

不过fillStyle 或 strokeStyle 本身也可以自己设定透明值, 所以用到globalAlpha 并不多,

不过还是了解下,谁知道哪天会有什么反人类的要求会用到呢 (。・・)ノ

    <script>
    window.onload=function () {
    
    
        let cans = document.getElementById("myCanvas");
        let ctx = cans.getContext("2d");

        let text="要显示的字符串文本";
        ctx.font="bold 25px KaiTi";
        ctx.fillStyle="#7C0DFA";
        ctx.fillText(text,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值