最近如何在电脑QQ中使用爱心表情制作一个大爱心?这个问题很火,不同的人一定有不同的问题,比如许多人都会遇到的,今天小编就来为大家解答,快来看看吧。我相信许多朋友在电脑上使用QQ。怎样才能用爱的表达来制造大爱?方法很简
2024-03-15 21:06:01
最近Tik Tok的一些朋友会发一个很大的表情包,很动感,很大。很多朋友都很感兴趣,所以很多用户都想知道怎么发一个带一串代码的大型表情包。那就让边肖给你介绍一下吧。
代码:
sticker _ start _ tag _ for _ text { " originMsgType ":0," x":0.07037036865949631," y":0.97685185223817825," width ":0.968055555522441864," height":0.96805555522441864," rotate":0," hostMsgSeq":177238," hostMsgUid
如果再发发布的表情包,责任会被覆盖。双击发布的表情图标来管理撤销。
Vue表情包输入组件的实现代码
情绪
一个用于vue的表达式输入组件
https://gitee.com/jiangliyue/vue_expression_input_module
Index是用法举例,emotion是组件代码(这里用的是微信表情包的地址,可以根据需要修改)。
下载并安装启动项目,看看效果。
npm安装
npm运行开发
情感文件夹下的情感文件描述
实现原理是根据字段匹配替换在线表情图片。
代码中 img 标签的地址即为表情图片地址,可自己根据需求替换代码中img标签的地址是表情图片的地址,可以根据自己的需要进行替换。
已安装(){
const name = this。$el.innerHTML
Const list = ['微笑','噘嘴','颜色','发呆','骄傲','流泪','害羞','闭嘴','睡觉','哭泣','尴尬','生气','调皮','呲牙',,。傲慢','饥饿','瞌睡','恐慌','出汗','憨笑','士兵','挣扎','诅咒','怀疑','嘘','眩晕','折磨','衰落','骷髅','敲打'。'鄙视','委屈','快哭了','阴险','接吻','害怕','可怜','菜刀','西瓜','啤酒','篮球','乒乓','咖啡','米饭','猪头','玫瑰'瓢虫','便便','月亮','太阳','礼物','拥抱','强壮','虚弱','握手','胜利','拳头','诱惑','拳头','坏','爱你','
let index = list.indexOf(name)
let imgHTML = `<img src="https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/${index}.gif">`let imgHTML = ` & ltimg src = " https://RES . wx . QQ . com/mpres/html edition/images/icon/emotion/$ { index }。gif " & gt`
这个。$ next tick(()= & gt;{
this.$el.innerHTML = imgHTML这个。$el.innerHTML = imgHTML
})
},
情感文件夹下的索引文件描述
通过循环列表生成表情选择框
& ltdiv class = " emotion-box-line " v-for = "(line,I)in list ":key = " I " & gt;
& ltemotion class = " emotion-item " v-for = "(item,I)in line ":key = " I " @ click . native = " click handler(item)" & gt;{ { item } } & lt/emotion & gt;
& lt/div & gt;
最后需要注意的是,保存到后台的表情符号是相关字符串,显示时需要还原成图片。具体方法请参考索引文件。我这里用的是正则匹配变换,挺方便的。
& ltdiv class="text-place " >
& lt!- /\#[\u4E00-\u9FA5]{1,3 } \;/gi匹配包含# XXX-->的字段;
& ltp v-html = " content . replace(/\ #[\ u4e 00-\ u9fa 5]{ 1,3 } \;/gi,emotion)" & gt;& lt/p & gt;
& lt/div & gt;
所有代码都是这样的。朋友可以自己改代码或者复制代码试着用。
就这么简单。有兴趣的话可以自己试试。如果你不想自己尝试,可以复制上面的代码发给你的朋友。
以上就是抖音超大表情包代码的全部内容,希望以上内容能对朋友们有所帮助。
标签: 表情
相关文章
最近如何在电脑QQ中使用爱心表情制作一个大爱心?这个问题很火,不同的人一定有不同的问题,比如许多人都会遇到的,今天小编就来为大家解答,快来看看吧。我相信许多朋友在电脑上使用QQ。怎样才能用爱的表达来制造大爱?方法很简
2024-03-15 21:06:01
最近微信表情是什么意思这个问题很火,不同的人一定有不同的问题,比如许多人都会遇到的,今天小编就来为大家解答,快来看看吧。微信表情是什么意思?在微信中,系统提供了数百个表情符号颜文字,非常丰富。你知道这些颜文字是什么
2024-03-15 12:54:01
有许多的朋友最近问小编全套摇骰子表情包微信gif|微信摇骰子点数动态图的问题,那么小编收集整合后,今天为大家分享关于的相关文章,一起来了解一下吧!全套掷骰子表情包微信gif这款掷骰子表情包是以蘑菇头为原型的掷骰子表
2024-03-15 05:00:02
许多朋友不知道如何在微信中添加系统表情包,并且对此很疑惑,那么今天就和小编一起来看看吧,一定可以帮助到你。有些朋友认为使用微信软件时系统表情非常可爱,所以他们想添加系统表情,但他们不知道如何添加,所以边肖将向您介
2024-03-14 18:48:02
今天我想和大家分享一下关于2018微信自带表情图解最新。以下是小编,对这个问题的总结。让我们来看看。微信表情中所有小头的含义如下:
2024-03-14 16:48:01