js实现截图并保存图片在本地(html转canvas、canvas转image)
一、html转canvas
需要的库html2canvas.js和canvas2image.js
话不多说,直接上代码!
html
先放个图看看滑动固顶是啥效果:
image.png
中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。 position: sticky 就是用来实现这个效果的,元素不脱离文档流,仍然保留高度,所以这个属性真是人畜无害啊,而且效果如丝般润滑,堪比原生。
事实上,很多看起来人畜无害的东西,其背后都有一个大坑。
我们的 html 结构是这样的:
<body ontouchstart="">
领取专属 10元无门槛券 手把手带您无忧上云原始HTML
Tips-移动端滑动固顶效果(position: sticky)
扫码
相关资讯
活动推荐