把忘记的慢慢恢复了。
其实没忘，就是生疏了 本帖最后由 加林森 于 2022-9-7 18:59 编辑 <br /><br />马黑黑 发表于 2022-7-26 20:52
其实没忘，就是生疏了
是的。
<style>
#papa { left: -214px; width: 1024px; height: 640px; background: #666 url('https://pic.imgdb.cn/item/63185d8b16f2c2beb1f2d42f.jpg') no-repeat center/cover; display: grid; place-items: center; box-shadow: 3px 3px 20px #000; user-select: none; position: relative; z-index: 1;}
#mplayer { position: absolute;right: 100px; bottom: 20px; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }
#track { stroke: url(#gradient); }
#lrc { position: absolute; display: block; top: 20px; }
#lrctxt { dominant-baseline: middle; fill: url(#gradient); font: bold 2.2em sans-serif; text-shadow: -2px -2px 0px snow, 2px 2px 3px #000; letter-spacing: 3px; }
</style>
<div id="papa">
<div id="mplayer">
<svg width="100%" height="100%" shape-rendering="geometricPrecision">
<g transform="rotate(-90, 60, 60)">
<circle id="track" cx="60" cy="60" r="55" fill="none" stroke="rgba(255,255,255,.5)" stroke-width="10" stroke-dasharray="2" stroke-opacity="0.35" />
<circle id="prog" cx="60" cy="60" r="55" fill="none" stroke="red" stroke-width="3" stroke-opacity="0.65"/>
</g>
<text fill="orange">
<tspan id="cur" x="60" y="55">00:00</tspan>
<tspan id="dur" x="60" y="75">00:00</tspan>
</text>
</svg>
</div>
<svg id="lrc" width="410" height="150">
<defs><path id="lrcPath" fill="none" stroke="red" d="M 20 20 Q 200 180 400 20" /></defs>
<defs>
<linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="blue"/>
<stop offset="35%" stop-color="orange"/>
<stop offset="65%" stop-color="gray"/>
<stop offset="100%" stop-color="red"/>
</linearGradient>
</defs>
<text x="0" y="20"><textPath id="lrctxt" xlink:href="#lrcPath">空空</textPath></text>
</svg>
</div>
<script>
let lrcAr = [
['00.00','空空-王加一 / 陈婧霏'],
['1.85','王加一：'],
['2.76','回忆组成风 欲望组成梦'],
['5.72','一个古老的形容'],
['9.42','凝视着镜中'],
['11.14','怎么越看越普通'],
['16.80','时间变成歌 无言变成我'],
['20.34','身穿厚重的沉默'],
['23.18','掩盖我心里'],
['25.55','很隐秘的啰嗦'],
['30.67','怎么好像前一秒钟'],
['32.62','还在自由放空'],
['34.90','突然就变失落'],
['38.12','成长变成了'],
['40.40','我和我的隔阂'],
['45.44','怎么好像有一阵风'],
['47.54','在赶来的途中'],
['49.53','说它懂我的梦'],
['52.82','让我在它的'],
['54.46','怀抱中 彻底放松'],
['58.15','陈婧霏：'],
['75.87','回忆筑成空 欲望凝成洞'],
['79.38','一个无奈的形容'],
['83.07','凝视着镜中'],
['84.99','怎么越看越中庸'],
['90.39','时间变成沙 灵魂说成话'],
['94.24','只剩下沉默无价'],
['96.91','掩盖我心里'],
['99.58','太多余的挣扎'],
['101.18','陈婧霏：'],
['104.55','怎么好像前一秒钟'],
['106.55','还在自由放空'],
['108.66','突然就变失落'],
['111.70','成长变成了'],
['114.10','我和我的隔阂'],
['119.12','怎么好像有一阵风'],
['121.38','在赶来的途中'],
['123.11','说它懂我的梦'],
['126.23','让我在它的'],
['128.14','怀抱中 彻底放松'],
['130.50','王加一：'],
['134.21','怎么好像前一秒钟'],
['136.12','还在自由放空'],
['138.18','突然就变失落'],
['141.31','成长变成了'],
['143.55','我和我的隔阂'],
['148.79','怎么好像有一阵风'],
['150.89','在赶来的途中'],
['152.86','说它懂我的梦'],
['156.07','让我在它的'],
['157.67','怀抱中 彻底放松'],
['159.30','王加一：'],
['164.68','回忆组成风 欲望组成梦'],
['168.11','一个古老的形容'],
['169.57','陈婧霏：'],
['171.84','凝视着镜中'],
['173.69','怎么如风也如梦']
];
let aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=1978621666.mp3';
aud.autoplay = true;
aud.loop = true;
let girth = prog.getTotalLength();
B(t)=(1-t)2P0+2t(1-t)P1+t2P2,t 马黑黑 发表于 2022-7-26 20:51
秀秀菇凉可以手工抠，也可以智能抠。好像现在的版本智能抠要登录，但此功能不一定收费。
我用了智能的。 队长的这个做得非常漂亮{:4_199:} 加林森 发表于 2022-7-26 21:02
我用了智能的。
挺好挺好 红影 发表于 2022-7-26 22:13
队长的这个做得非常漂亮
谢谢影儿！{:4_190:} 马黑黑 发表于 2022-7-26 22:50
挺好挺好
嗯嗯。 加林森 发表于 2022-7-26 23:24
嗯嗯。
{:4_190:} 马黑黑 发表于 2022-7-26 23:55
谢茶！ 加林森 发表于 2022-7-26 19:13
开心了嘛！
灰常开森{:4_173:} 樵歌 发表于 2022-7-27 20:15
灰常开森
那就好。
页:
1
[2]