怎样用js或者css来实现这种效果

 我来答
assfafa
2017-09-13 · 超过40用户采纳过TA的回答
知道小有建树答主
回答量:99
采纳率:100%
帮助的人:51万
展开全部
<html>
<head>
<style>
</style>
 
<body>
<canvas id="emmm" width="233" height="233"></canvas>
</body>
<script>
    var canvas = document.getElementById('emmm');
    var ctx = canvas.getContext('2d');
    img = new Image();
    img.src = "http://s6.sinaimg.cn/mw690/006xDASvzy73Xzra5sV55&690";  
    img.onload = function() {  
    ctx.drawImage(img, 0, 0);  
    ctx.globalCompositeOperation="destination-atop";
    //canvas重叠属性
    //http://www.w3school.com.cn/tags/canvas_globalcompositeoperation.asp
    ctx.font = "bold 50px 微软雅黑";
        ctx.fillStyle = "rgba(0,0,0,0);";
        ctx.fillText("哈哈", 50, 100);
    }  
</script>
</head>
</html>
//哇一个问题发了两遍看我能不能水两个采纳
追问

第一张的代码,第二章是效果,这种要怎样做

追答
取消一下采纳看看看看电脑端能追答么我电脑没有回答框
匿名用户
2017-09-13
展开全部
svg或画布做遮罩
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式