html中滚动字体的设置
网页中添加滚动字幕效果
<!DOCTYPE html>
<html>
<head>
<meta charset=\”utf-8\”>
<title>滚动字体的设置</title>
</head>
<body>
<canvas id=\”canvas1\” width=\”600\” height=\”600\” style=\”border:1px solid #000000\”></canvas>
<script type=\”text/javascript\”>
var canvas1 = document.querySelector(\”#canvas1\”) // 1.找到画布对象
var ctx = canvas1.getContext(\”2d\”) // 2.上下文对象（画笔）
ctx.shadowBlur = 10; // 阴影距离
ctx.shadowColor = \”red\” // 阴影颜色
ctx.shadowOffsetX = 30 // 阴影偏移
ctx.shadowOffsetY = 30 // 阴影偏移
ctx.font = \”150px 楷体\”
ctx.fillText(\”你好！\”, 20,150)
ctx.fillText(\”你好！\”, 20,350)
ctx.strokeText(\’你好！\’,23, 153)
ctx.strokeText(\’你好\’,23, 553)
canvas绘制文字
var x = 600
setInterval(function(){
if(x > -350){
//清空画布
ctx.clearRect(0,0,600,600)
ctx.strokeText(\’你好！\’,x, 153)
ctx.fillText(\”你好！\”, x,350)
ctx.font = \”50px 宋体\”
ctx.strokeText(\’每天学习一点点\’,x, 553)
x -= 3
}else{x=590}
}, 16)
</script>
</body>
</html>
原来手机微信也可以制作有趣的滚动字幕啦，方法简单一看就会
手机微信如何制作有趣的滚动字幕啦？相信有很多朋友都还不知道，那今天就跟大家分享一下具体的操作方法，步骤详细，一看就会，学会了等你朋友生日，节假日祝福 车站接人等等都能让你脱颖而出，你朋友眼前一亮，接下来跟着我的视频一起来看看吧
首先我们打开微信
然后点开右上角搜索图标
在对话框输入滚动字幕
打开滚动字幕
在这里可以不用关注它
直接点击下面的手持弹幕
这里有一些广告 记住不要点击广告 我们可以等几秒让他跳过 也可以点击左上角跳过
在这里我们可以看到这里有很多玩法
我们常用的有全屏滚动字幕
它可以用在生日祝福，节假日祝福，关心话语 也可以用在车站接人等等 我们点开它
这个❌掉
再白色方框下面
输入弹幕内容 比如祝福语 新年快乐
输入好后 下面可以对文字进行编辑 方向可以横屏也可以竖屏
速度有快有慢
还可以选择颜色和背景颜色
这些可以根据自己的想法进行一个设置
设置好之后 下面可以预览
点一下播放按钮就可以预览
觉得没问题了 就可以分享给好友
点击微信分享
接着找到好友
发送即可 这样朋友就会收到不一样的祝福让人眼前一亮
这里有很多种玩法，比如
全屏电影弹幕 这些操作方法都是大同小异 大家感兴趣可以去看看，
好了今天的内容就分享到这里了希望我的分享能帮助到大家 感谢大家的观看 我们下期再见
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
