文本截取图片（哪吒之魔童降世壁纸）

background-clip:text兼容性不太好
1.文字截取背景色：兼容IE9+、Firefox、Opera、Chrome 以及 Safari
2.文字截取背景图片：只兼容Chrome

效果图：

 <style>body,html {width: 100%;height: 100%;background: #000;overflow: hidden;}* {padding: 0;margin: 0;}div span {display: inline-block;width: 100%;height: 100%;background: url('http://img1.imgtn.bdimg.com/it/u=4003626994,439538869&fm=11&gp=0.jpg') no-repeat;background-size: cover;-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 20px;font-weight: bolder;}</style>

<div><span></span>
</div>

var span = document.getElementsByTagName('span')[0];
var spanText = '';
for (var i = 0; i < 360; i++) {spanText += '哪吒魔童降世'
}
span.innerHTML = spanText;

文本截取图片（哪吒之魔童降世壁纸）相关推荐

Python爬取豆瓣《哪吒之魔童降世》影评
这几天朋友圈,微博都被<哪吒之魔童降世>这部电影刷屏了,有人说它是"国漫之光",上映4天,票房已经突破9亿了.口碑上,影片自点映开分以来,口碑连续十天稳居所有在映影片榜 ...
【python爬虫专项（9）】哪吒之魔童降世影片的海报爬取
以哪吒之魔童降世影片的海报为例进行图片爬取参考网址:哪吒之魔童降世官方海报爬虫逻辑:[分页网页url采集]-[数据采集]-[保存图片] 经过前两篇文章的实践,可以发现两种爬虫逻辑各有优缺点,逻辑( ...
python项目开发案例集锦豆瓣-Python第三个项目：爬取豆瓣《哪吒之魔童降世》短评...
前面爬完网站信息图片之后,今天的又有了个小目标,最近的电影哪吒很火,去豆瓣上看了一下影评,决定了今天主要是实现Python第三个项目:爬取豆瓣<哪吒之魔童降世> 短评,然后下载在exce ...
观《哪吒之魔童降世》有感
1简介哪吒这个电影从7月26日上映之后,距离今天8月4日不足十天,今天的票房已经达到20.07亿,毫无疑问,这部动画电影已经打破了<西游记之大胜归来>,成为了新的动画巨作,而且电影前期 ...
python画哪吒_Python第三个项目：爬取豆瓣《哪吒之魔童降世》短评
前面爬完网站信息图片之后,今天的又有了个小目标,最近的电影哪吒很火,去豆瓣上看了一下影评,决定了今天主要是实现Python第三个项目:爬取豆瓣<哪吒之魔童降世> 短评,然后下载在exce ...
哪吒之魔童降世 - 逆天改命，若命运不公，就和它斗到底！
哪吒之魔童降世昨晚去看了电影<哪吒之魔童降世>,简称 <哪吒>,讲述了哪吒虽"生而为魔"却"逆天而行斗到底"的成长经历的故事. 看完电 ...
哪吒之魔童降世视听语言影评_国漫神作再造辉煌——《哪吒之魔童降世》影评...
<哪吒之魔童降世>由饺子执导.编剧的动画电影,改编自中国神话故事,讲述了哪吒虽"生而为魔"却"逆天而行斗到底"的成长经历的故事. "英杰谁 ...
哪吒之魔童降世视听语言影评_豆瓣评分8.7，这个“新哪吒”不一般｜《哪吒之魔童降世》影评...
<哪吒之魔童降世>的喜剧表达和暴力美学,不影响主题的深度思索,创造了国漫不断摸高的纪录. 国产动画<哪吒之魔童降世>将道家的阴阳哲学铺展得淋漓尽致,色彩饱满.角色热血沸腾.精神 ...
奥斯卡“最佳国际电影”奖，《哪吒之魔童降世》申请出战！
10月8日消息,据外媒报道,美国电影艺术与科学学院日前公布了申请角逐明年奥斯卡"最佳国际电影"奖(原最佳外语片奖)的名单,共有93个国家和地区选送影片,中国内地选送的影片为动画电影 ...

文本截取图片（哪吒之魔童降世壁纸）

文本截取图片（哪吒之魔童降世壁纸）相关推荐

最新文章

热门文章