首页 > 生活百科

抖音超大表情包代码

生活百科 2023-09-03 06:06:02
生活中很多朋友不懂得抖音超大表情包代码,这个问题小编觉得还是比较简单的,亲自了解了一下后,就给大家带来了这篇文章,目的当然是能够帮助所有朋友,具体来看下。

抖音超大表情包代码

最近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;

所有代码都是这样的。朋友可以自己改代码或者复制代码试着用。

就这么简单。有兴趣的话可以自己试试。如果你不想自己尝试,可以复制上面的代码发给你的朋友。

以上就是抖音超大表情包代码的全部内容,希望以上内容能对朋友们有所帮助。


标签: 表情

生活百科 饮食百科 健康养生 美容减肥 自然百科 科普大全 文化常识
Copyright 百科网 备案号:冀ICP备2022029337号-3本站图文信息均来自于网络收集,仅供大家参考,不作为医疗诊断依据。
统计代码