果然没一个人能逃过命韵峋环,李峋的爱心代码真的甜到发昏。(个人感觉这个有点像GIF图“没有断定”电视剧没有演示代码的执行过程)[滑稽][滑稽][滑稽]
下面是经博主美化后的复刻的代码[玫瑰][玫瑰]
技术栈:htmlcssjs(js-canvas)
演示站:https://www.xfabe.com/YYDS/Love-Code
开源地址[玫瑰][玫瑰]
蓝奏云:https://xfzy2020.lanzoul.com/iVJKe0fgarod
Gitee:https://gitee.com/xfwlclub/love-code
好多就小伙伴说我这个爱心不能缩放,我也懒得一个一个回复了[冷][冷]
其实这并不难,一行代码教你解决[玫瑰]
缩放代码【加到style.css的最后一行即可】:
@mediascreenand(max-width:450px){
#lovexf{
/*.5指的是在画布原始大小上缩放一半*/
zoom:.5;
/*.3就是缩放3/10*/
/*zoom:.3;*/
/*大家自己尝试*/
}
}
还有播放器音乐隐藏的问题,也是在style.css后面填加即可[冷]
video{
/*隐藏*/
display:none;
/*透明*/
/*opacity:0;*/
}
播放器不会自动播放因为video不兼容部分浏览器,比如谷歌[玫瑰]