老师 问个与课程内容不相关的问题 烦请老师帮忙解答

来源:1-1 导学

BluceStruggle

2021-04-26

如何使用canvas绘制出 css的box-shadow 内阴影的扩展效果:
假设css代码如下:
box-shadow: inset 20px 20px 10px 10px gold;
css的效果如图:
图片描述
这行css代码绘制了内阴影,x、y偏移量为20px,模糊为10px,扩展值为10px;
这样的效果如何使用canvas绘制出来,我知道要使用globalCompositeStyle 这个api,内阴影效果也可以实现出来,
但是扩展效果的 具体实现上犯了难。
还望老师解答,谢谢!

写回答

1回答

小小小

2021-04-26

同学你好,我只能推荐你看一本书,《HTML5 Canvas 核心技术》,这里有很多的canvas内容,可以好好看这本书,然后解决问题。

1
0

CSS架构系统精讲 理论+实战玩转蘑菇街

解决CSS难维护、难扩展、难复用问题,助力前端工程师弯道超车

564 学习 · 71 问题

查看课程