html前端实现李峋爱心代码 百分百复刻
写样式是不会写的啦，这辈子都不会碰的咯，这复杂度懂得都懂，接下来说简便办法：
首先你需要对应的视频文件：
然后导成GIF图片，具体不教了吧，这里我用的是这个网站 完全免费
导出来之后并不能直接用，因为除了心还有背景，这里背景颜色不一样很难跟html很好的融合。
所以接下来还需要将GIF转为一张张的图片帧：
接下来就要把图片背景给变透明，我用的是python的opencv：
具体思路是：遍历每一个像素点，将非红色的像素设置为透明，这是个精细活我现在做的还是有点粗糙。具体做法就是：任意打开一张图片，用取色器取背景色将这个颜色记下写入我们代码中（这里背景色还不是单一的是多个颜色杂糅在一起的，所以颜色会有很多个），还有爱心周围的杂色也取出来替换为透明。（注意，RGB应该是从下往上写入代码也就是0,36,36）
if __name__ == '__main__':index=0while index<145:#这是你gif导出的图片帧数量这里我简写了im = cv2.imread("F:\\pythonProject\\testimg\\"+str(index)+'.png')height, width, channels = im.shapenew_im = numpy.ones((height, width, 4)) * 255new_im[:, :, :3] = imfor i in range(height):for j in range(width):print(new_im[i, j, :3].tolist())#下面等号右边就是我们要填写的、排除的颜色if (new_im[i, j, :3].tolist() == [0.0, 0.0, 0.0] or new_im[i, j, :3].tolist() == [0.0, 36.0, 36.0]or new_im[i, j, :3].tolist() == [85.0, 0.0, 0.0] or new_im[i, j, :3].tolist() == [255.0, 255.0, 255.0]or new_im[i, j, :3].tolist() == [85.0, 36.0, 0.0]or new_im[i, j, :3].tolist() == [0.0, 36.0, 0.0]or new_im[i, j, :3].tolist() == [85.0, 36.0, 36.0]or new_im[i, j, :3].tolist() == [85.0, 0.0, 36.0]or new_im[i, j, :3].tolist() == [0.0, 0.0, 36.0]or new_im[i, j, :3].tolist() == [0.0, 72.0, 72.0]or new_im[i, j, :3].tolist() == [85.0, 0.0, 36.0]or new_im[i, j, :3].tolist() == [85.0, 72.0, 72.0]or new_im[i, j, :3].tolist() == [0.0, 76.0, 32.0]or new_im[i, j, :3].tolist() == [0.0, 36.0, 72.0]):new_im[i, j, :] = numpy.array([0.0, 0.0, 0.0, 0])cv2.imwrite("F:\\pythonProject\\shuchu\\"+str(index)+".png", new_im)index=index+1print("完成")
然后成功了就是这样：已经把背景去除了。
然后通过PS导出为GIF，具体做法是：
文件-脚本-将文件载入堆栈-浏览（将文件全选，不用一个一个选），然后点击确定就行，然后点击图层就会看到那100多张图片了（这里会有些慢大概7 8分钟），
然后：点击窗口-时间轴-创建帧动画 下面是具体操作：
单击：
从图层生成
至此GIF就完成了点小三角播放可以观看下效果，这里面默认刚好30帧所以不用改什么配置，
然后就是导出了：
文件-储存为web所用格式
选择GIF
然后点击储存就可以导出了，这里导出可能会失败：大概率是你内存不足，这时可以给PS加内存，或者：
我们可以不用百分比的分辨率
我最后的解决办法是直接重启释放掉内存，再打开导出就OK了。
GIF导出来了，在HTML引用一下就行，记得img标签设置background:transparent。
收工。
html前端实现李峋爱心代码 百分百复刻相关推荐
- 《点燃我，温暖你》朱韵李峋爱心代码
闲来无事,找了下<点燃我,温暖你>中朱韵的期中考试作业,在上面又删删改改,发现小猪猪的确有两下子(比我期中考试时水平高多了) 代码双手奉上: #include<bits/stdc++ ...
- 跳动爱心代码-李峋爱心代码（手把手教学）
电视剧 点燃我,温暖你 打火机与公主裙 李洵爱心跳动效果. 获取完整代码,公众号「先取个名字吧」 回复爱心代码. 本文分为两种方式讲解如何运行代码,第一种方式比较简单推荐新手(完全不懂编程的),第二种 ...
- 跳动的爱心代码--李峋爱心代码（完整源码）
本文章分为两部分: 第一部分为实现效果展示,第二部分是实现跳动爱心源码. 关注微信公众号: 先取个名字吧 跳动的爱心效果展示 关注微信公众号(先取个名字吧)获取完整源码,回复爱心代码. 实现步骤 1. ...
- 李峋 爱心代码 点燃我温暖我
dy上很火的爱心代码如下:这里是用的vs code软件运行的 <!doctype html> <html> <head> <meta charset=&quo ...
- Yep | 李峋爱心代码 python、html+CSS+JavaScript实现
一.python实现 直接打开运行环境跑代码. 效果图:动态滴 import random from math import sin, cos, pi, log from tkinter import ...
- 李峋爱心代码 程序员教你用代码制作爱心网页[樱花+爱心]，正好拿去送给女神给她个惊喜
HTML+CSS+JavaScript实现 先点赞后观看,养成好习惯 效果图 注:任意浏览器都可以,建议使用谷歌浏览器 代码: <!DOCTYPE HTML ><HTML>&l ...
- 李峋爱心Python代码
李峋爱心Python代码: # coding=gbk import random from math import sin, cos, pi, log from tkinter import * CA ...
- 最新复刻李峋爱心表白HTML源代码+超唯美
正文: 果然没一个人能逃过命韵峋环,李峋的爱心代码真的甜到发昏.(个人感觉这个有点像GIF图"没有断定"没有演示代码的执行过程),是动态的,爱心可以动. 下面是经博主美化后的复刻的 ...
- HTML李峋同款爱心代码源码分享，手机网页爱心代码源码
效果图展示 分享一下最近网上很火李峋爱心代码,相似度95%,没电脑的可以去网上搜索能手机运行网页代码的软件,比如webcat.详情自行百度 话不多说,直接上源码: <!DOCTYPE html& ...
- 用代码写出浪漫__合集（python、matplotlib、Matlab、java绘制爱心、玫瑰花、前端特效玫瑰、爱心）
活动地址:CSDN21天学习挑战赛 用代码写出浪漫合集(爱心.玫瑰花) 本文目录: 一.前言 二.用python.matplotlib.Matlab.java绘制爱心 (1)爱心图形1( ...
最新文章
- 自然语言处理数据集免费资源开放（附学习资料）
- asp.net c#截取指定字符串函数
- head first python 第二版 中文版-Head First Python 中文版
- Android Telephony分析(六) ---- 接口扩展(实践篇)
- Recover it!
- 中getname_Spring IOC中的灵魂伴侣：BeanFactory ApplicationContext
- win10 cortana 搜索无效怎么解决
- 计算机网络（一）计算机网络体系
- 中国物联网激荡 20 年
- 5G 还未商用，6G 研究已开始？！
- 加速群辉Docker镜像下载速度的方法
- Alexa世界排名原理+作弊源码，为网站赢得好排名
- excel如何利用VBA一键更改所有文件的名称
- puzzle（010.1）自我指涉的选择题
- uniapp 日期时间 计算
- LV4500二维码扫描器对接到安卓访客一体机系统应用-拓展扫描二维码登记访客功能
- [git] fatal: Exiting because of an unresolved conflict.
- xcopy 跳过已经存在的_视频课怎么区分数学一二三？考研英语怎么复习？恋练有词句子部分直接跳过？...
- 保持健康和活力 - 腰间盘突出康复指南
- 基于Vue2.x的前端架构，我们是这么做的