抖音超大表情包代码
今日我们来聊聊一篇关于抖音超大表情包代码的文章,网友们对这件事情都比较关注,那么现在就为大家来简单介绍下抖音超大表情包代码,希望对各位小伙伴们有所帮助
Tik Tok超级表情包代码代码:
sticker _ start _ tag _ for _ text { ' originMsgType ' :0,' x ' :0.07037036865949631,' y ' :0.97685185223817825,'宽度' 32444464,'高度' 33364
如果再发发布的表情包,责任就盖了。双击发布的表情可以设法撤回它。
如何用代码打表情包Vue表情包输入组件实现代码
情绪
vue的表情输入组件
https://gitee.com/jiangliyue/vue_expression_input_module
Index是用法举例,emotion是分量码(这里用的是微信表情包的地址,可以根据需要修改)
下载启动项目看看效果。
npm安装
npm运行开发
情感文件夹下的情感文件描述
实现原理是根据字段匹配替换在线表情图片。
代码中img标签的地址就是表情图片的地址,可以根据需要替换。
已安装(){
const name=this。$el.innerHTML
Const list=['微笑','噘嘴','情欲','发呆','骄傲','流泪','害羞','闭嘴','睡觉','哭泣','尴尬','愤怒','顽皮','露出牙齿',傲慢,饥饿,困倦,惊恐,出汗,傻笑,士兵,挣扎,诅咒,质疑,嘶嘶声,昏厥,折磨,腐朽,骷髅,跳动。'鄙视','委屈','接近流泪','阴险','亲吻','吓唬','怜悯','菜刀','西瓜','啤酒','篮球','乒乓球','咖啡','米饭','猪头','玫瑰瓢虫','便便','月亮','太阳','礼物','拥抱','强壮','虚弱','握手','胜利','拳头','诱惑','拳头','坏',爱你','
let index=list.indexOf(name)
let imgHTML=` img src=' https://RES . wx . QQ.com/mpres/html edition/images/icon/emotion/$ { index }。gif ' `文件
这个。$nextTick(()={
这个。$el.innerHTML=imgHTML
})
},
情感文件夹下的索引文件解释
通过循环列表生成表情选择框
列表' :key='i '中的div class=' emotion-box-line ' v-for='(line,I)
emotion class=' emotion-item ' v-for='(item,I)in line ' : key=' I ' @ click . native=' click handler(item)' { { item } }/emotion
/div
最后需要注意的是,表情包的评论后相关字符串被保存到后台,显示时需要还原成图片。具体方法请参考索引文件。我这里用的是正则匹配变换,挺方便的。
div class=" text-place "
!- /\#[\u4E00-\u9FA5]{1,3 } \;/gi与#XXX匹配;的领域-
p v-html=' content . replace(/\ #[\ u4e 00-\ u9fa 5]{ 1,3 } \;/gi,emotion)'/p
/div
代码就这么多,朋友可以自己改代码,也可以复制代码试着用。
就这么简单。有兴趣的可以自己试试。不想自己尝试的可以复制上面的代码发给朋友。
以上就是抖音超大表情包代码这篇文章的一些介绍,网友如果对抖音超大表情包代码有不同看法,希望来共同探讨进步。
免责声明:本文由用户上传,如有侵权请联系删除!
猜你喜欢
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
最新文章
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06
- 03-06