职贝云数AI新零售门户

标题: 请问微信公众号上的抽签功能是如何完成的？ [打印本页]

作者: 风继续吹 时间: 2023-2-26 11:06
标题: 请问微信公众号上的抽签功能是如何完成的？
已有源码和域名网站。不知如何运用。讨教开发成绩…

作者: Z2A 时间: 2023-2-26 11:06
嗨喽，这题我会，我来为题主进行解答，抽签功能可以通过SVG效果来实现，准备好抽签对应的图片，放入到效果之中即可，操作方便快捷，具体教程我就放下面了：
在咱们135编辑器中的SVG编辑器里有多款抽签的效果，题主所说的可以用长按抽签效果来实现。首先我们需要进入135的SVG编辑器，链接附上：

在线SVG编辑器_微信公众号SVG互动效果制作-135编辑器 (135editor.com)
进入SVG编辑页面之后，在左侧【互动效果】，在这里搜索关键词【抽签】，就会出来3种抽签效果，我们可以选择ID号为107
将此SVG放入到编辑器页面之后，就可以在右侧编辑，放上抽签的图片。

(, 下载次数: 1)
放好图片之后，设置点击的热区，拖动红色区域的虚线。

(, 下载次数: 1)
我们还可以对滚动的动画时长做调整，通常时间越长，滚动越慢，时间越短，滚动越快。

(, 下载次数: 1)
制作好之后点击右上角的【同步】或者【导出】即可

(, 下载次数: 1)
效果展示：
(, 下载次数: 1)

https://www.zhihu.com/video/1586686885602308096
以上就是我分享的全部内容啦，有任何排版问题都可以给我留言哦~

作者: 7s4v 时间: 2023-2-26 11:07
微信公众号内可以通过 SVG 实现图文内的抽签互动游戏，来看一些案例介绍：
在线塔罗测试，你还会单身多久？高甜预警，巧克力炮弹来袭圣诞老人COSPLAY秀，每个人拍到的不一样！？唯有上上签 | 开启虎年好彩头！所以抽签的具体类型有很多种，不妨以 e2.cool 黑科技编辑器为工具具体实践，可以使用包括：

(, 下载次数: 1)
教程可点击阅读：
黑科技编辑器 | 幸运抽签教程黑科技编辑器 | 幸运抽签-双层（五签）教程黑科技编辑器 | 盲盒教程欢迎访问官网 e2.cool 体验。E2 黑科技编辑器是业内旗舰级互动排版设计工具，包括华为、大疆、喜茶、GQ实验室、特斯拉、百事可乐、小米、爱马仕、香奈儿等品牌都在使用作为 SVG 互动首选工具。专业会员仅需 ¥404/年，企业会员（三个账户）¥2999/年。

(, 下载次数: 1)

作者: tkgvdkBWvT 时间: 2023-2-26 11:07
不知道题主问的是在公众号的哪里实现抽签功能，如果在公众号图文中的话，我倒是可以回答一下。
是不是经常看到公众号发抽签的文章？尤其是在各大节日，各大品牌的公众号都非常喜欢玩“抽签”，不仅能增加读者互动，还能紧跟热点。作为新媒体人，这样的玩法怎么能不get起来？！
先来看看公众号里的“抽签”是怎么玩的。
莫斯利安MOMCHILOVTSI：
今年过的那么丧，不如抽个签转个运？iRobot机器人：
家装贴士，看这篇就够了~不过，“抽签”看起来玩法就很高级，制作起来应该也很麻烦吧！很多人以为“抽签”功能需要花钱找程序员，通过写代码制作。其实，这样看起来很复杂的“抽签”，只需要 iPaiban Pro 黑科技编辑器就可以轻松实现。
iPaiban Pro 黑科技编辑器的“抽签”功能有三种玩法，分别是“点击轮播，点击停止”、“自动轮播，点击停止”、“长按轮播，松手停止”。
这里我们就以“自动轮播，点击停止”为例，给大家演示一下“抽签”怎么玩。
1.选择组件
在PC 端 Chrome（谷歌浏览器）打开 iPaiban Pro 黑科技编辑器并注册，点击编辑器左侧的“组件”，找到“祈福签-点击轮播，点击停止”，或者直接在搜索框中搜索组件编号10130。

(, 下载次数: 1)
2.设置“点击前”的图片
点击中间的组建编辑区域，弹出右侧的设置区，首先上传“点击前”的图片，也就是打开微信看到的画面。

(, 下载次数: 1)
3.设置自动轮播图
在编辑区右侧点击“+”设置自动轮播图，想要加几张就上传几张，注意每张轮播图尺寸要保持一致。

(, 下载次数: 1)
4.设置每次切换时间
将所要轮播的图片都上传后，可以设置每次切换的时间，想轮播快一点，切换时间就设置得相应较短，反之亦然。设置好之后可以多预览几次，选择最合适的切换时间。

(, 下载次数: 1)
5.导入微信公众号
预览几次没问题之后，就可以导入微信公众号后台了！安装一个 iPaiban Pro 小助手浏览器插件，非常轻松就能导入，还不用担心不适配的问题。插件安装和使用教程见：《iPaiban Pro 浏览器插件2.0来了！》。
复制代码之后，切换到微信公众号，点击插件，再导入代码，就妥了！

(, 下载次数: 1)
按照以上的的步骤，就可以完成一篇“自动轮播，点击停止”的抽签微信推文了。
iPaiban Pro 黑科技编辑器（x.iPaiban.com）关于类似的“祈福签”有三种选项，还可以设置为“点击轮播，点击暂停”、“长按轮播，松手停止”的样式。
当然也可以设置触发区域，指定读者点击图片中的某一个位置触发轮播效果，实际操作起来大同小异，只要按照页面的提示操作就可以完成了。

(, 下载次数: 1)
是不是很简单，跟着教程，操作下试试吧！
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：http://x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。
抽签的玩法只是i排版无数功能中的一种，更多好玩的东西，自己慢慢探索吧。

作者: 5DlYsGu 时间: 2023-2-26 11:08
有程序，放到空间中，可以直接运行，取的随机。没有后台

作者: 2p9KVB 时间: 2023-2-26 11:09
如果我没记错，找程序员实现功能是要给钱的吧……
所以你邀请我是个什么意思？是想帮我画张原画吗？

欢迎光临职贝云数AI新零售门户 (https://www.taojin168.com/cloud/)