canvas背景不透明,但内部某元素透明(类似镂空效果)


如题,想做一个canvas内部元素镂空的效果,但没有成功,不知道canvas能否实现这个功能;
下图是我想实现的效果(元素透明可以看到底层的div),大神们能否帮忙提供一些思路/方法?
另外,canvas内的元素有无类似z-index的属性? thx...


要实现这效果有两种思路:

1,填充整个canvas,然后使用 clearRect 清除一部分,被清除的那部分就透明了

2,使用path,按照想要的范围画出来,再fill。

如果真是你图中说的样子,用 1 简单



相关阅读:
php制作中英文两版网站比较方便的思路
使用iconfont在线使用时,出现多个空格,求解答
使用pjax的时候直接跳转到页面了,不能替换页面中的某个div
gdb都能调试什么类型的文件?
这种在App加载页面前的显示是什么技术或者框架?
boostrap-table可以接收string类型吗
访客能够通过猜测的方式伪造出一个正确的session id并进行不好的行为吗?
react中const {dispatch} = this.props;
tomcat配置问题
vue-router如何将接口返回的数据传给组件初始化
为什么我的程序跑的很慢?
刚入门PHP,是否有必要学习JAVA
JS prototype原型问题
关于移动端localstorage 手机浏览器无效果
PHP中的$_REQUEST和$_POST|$_GET有什么区别??
react这个错是什么意思,要怎么解决
.htaccess 文件导致的自动加载问题
百度数据图谱的插件
用angularjs怎么获取到data对象里的HeWeather data service 3.0对象里的数据?
router-link 阻止默认的点击事件么?



快速导航

Copyright © 2016 phpStudy |