html自定义滚动条样式(html设置滚动条样式)
2023-04-06 花生人 【 字体:大 中 小 】
网页中添加滚动字幕效果
!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
本文地址:www.huashengren.com/article/32432.html
猜你喜欢
炉石传说友谊赛怎么开(跟着教程轻松学会)
受权人是什么(被授权人和授权人的区分)
office2006(Office2006快捷指令)
中国在世界真实地位(世界公认的三大强国)
祛斑产品排行榜前3强,雪知白品牌祛斑实力超乎想象
少年强则中国强后面一句是什么(少年强则中国强完整句子是啥)
如何下载安装盗版office(office2010破解版安装教程)
齐白石最擅长画什么(齐白石的绘画作品的艺术风格)
脉学之宗是指谁,脉学之宗的意思是?
挑衅怎么读音(挑衅)
清蒸多宝鱼的做法
吐鲁番早餐美食有哪些 吐鲁番早餐吃什么
全麦南瓜马芬怎么做 全麦南瓜马芬的做法
澳门有哪些老字号 澳门老字号有哪些
糯米酥虾的做法 糯米酥虾怎么做
鱼丸汤的做法
苹果手机猪头特效怎么弄 手机猪头特效在哪里
支付宝全家福怎么得 支付宝全家福如何得
苹果11pro max发热怎么解决 苹果11pro max发热如何处理
duaaloo什么手机型号 duaaloo手机型号是什么