Canvas 给图形绘制阴影

/**
 * 图形绘制阴影
 */
function initDemo6() {
    var canvas = document.getElementById("demo6");
    if (!canvas) return;
    var context = canvas.getContext("2d");
    context.fillStyle = "#02c9e5";
    context.shadowOffsetX = 10; // 阴影横向位移
    context.shadowOffsetY = 10; // 阴影纵向位移
    context.shadowColor = 'rgba(100, 100, 100, 0.5)'; // 阴影颜色
    context.shadowBlur = 7.5; // 阴影模糊范围
    context.fillRect(25, 25, 300, 300);
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ios 技术积累

ios view 圆角

985
来自专栏QQ音乐技术团队的专栏

小窗播放视频的原理和实现(上)

本文对小窗视频播放进行了详细的研究,针对几种实现方案进行了深入的对比分析,进而给出实现小窗视频播放的最优解。

3.9K15
来自专栏技术总结

学会不一样的Loading图

上述效果,其实很多app就单纯这样使用了,但是我们为了更美化,决定为其增加动态效果

1234
来自专栏前端小叙

文字描边css

-webkit-text-stroke: 3.3px #2A75BF; -webkit-text-fill-color:#fff; 该方法在安卓端貌似不支持,显...

29010
来自专栏前端说吧

canvas练习 - 圆

782
来自专栏Alice

一个layer可以跟着画完的线移动ios程序 好玩啊。

用法:采用的是关键帧实现的。    实验目的:让上层的layer子层能够跟着在另一个子层上花的线进行移动 。即当线画完之后,图形开始移动,并且能够停在最后的那个...

2176
来自专栏web开发

自实现jQuery版分页插件

2682
来自专栏编程坑太多

React Native中的FlexBox布局

1464
来自专栏三好码农的三亩自留地

Android-打造一个简单通用的Material加载LoadingView

因为网络请求的时间一般是未知的,所以我们一般都是用一个循环的圆圈指示器来提示用户,如下图。

3183
来自专栏Django Scrapy

python爬取链家租房之获取北京所有区的网站分栏地址(第一次写,code太粗犷,欢迎提建议)

__author__ = 'Lee' import requests from bs4 import BeautifulSoup url_list = 'h...

2893

扫码关注云+社区