HTML5 Canvas 开发 绘图方法整理 【十一、Canvas图形阴影&&文字阴影效果】

关于Canvas 阴影效果 分以下四种属性:

ctx.shadowBlur 设置阴影的模糊级别
ctx.shadowOffsetX 设置形状与阴影的水平距离。
ctx.shadowOffsetY 设置形状与阴影的垂直距离。
ctx.shadowColor 设置阴影的颜色

在CSS3 中也有阴影的效果,两种用起来效果基本相同。

阴影效果可以用在图形,文字还有图片里,巧妙的运用阴影可以做出很好的样式

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

        //图形阴影
        ctx.shadowOffsetX=0;
        ctx.sh
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值