【修复爱心缩放问题】复刻李峋爱心代码

[复制链接]
查看496 | 回复0 | 2022-11-14 08:21:25 | 显示全部楼层 |阅读模式
果然没一个人能逃过命韵峋环,李峋的爱心代码真的甜到发昏。(个人感觉这个有点像GIF图“没有断定”电视剧没有演示代码的执行过程)[滑稽][滑稽][滑稽]

下面是经博主美化后的复刻的代码[玫瑰][玫瑰]

技术栈: html css js(js-canvas)

演示站:
游客,如果您要查看本帖隐藏内容请回复


开源地址[玫瑰][玫瑰]
蓝奏云:
游客,如果您要查看本帖隐藏内容请回复

Gitee:
游客,如果您要查看本帖隐藏内容请回复


好多就小伙伴说我这个爱心不能缩放,我也懒得一个一个回复了[冷][冷]
其实这并不难,一行代码教你解决[玫瑰]

缩放代码【加到style.css的最后一行即可】:

@media screen and (max-width: 450px) {
    #lovexf {
        /* .5 指的是在画布原始大小上缩放一半 */
        zoom: .5;
        /* .3 就是缩放 3/10 */
        /* zoom: .3; */
        /* 大家自己尝试 */
    }
}


还有播放器音乐隐藏的问题,也是在style.css后面填加即可[冷]

video {
    /* 隐藏 */
    display: none;
    /* 透明 */
    /* opacity: 0; */
}

播放器不会自动播放因为video不兼容部分浏览器,比如谷歌[玫瑰]
aaaa
村长黑科技是专业提供项目资源的服务的村长黑科技平台,如合购网赚项目、引流推广软件、软件程序开发等项目就选村长黑科技平台,参与或发布项目定制各种软件就来村长黑科技平台
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则