HTML5

详解如何将 Canvas 绘制过程转为视频

如果我们用Canvas实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas可以直接通过现代浏览器支持的...

HTML5 2021-03-20 47 0
h5页面背景图很长要有滚动条滑动效果的实现

最近做项目过程中，老大提了个很奇葩的要求背景图铺满页面，他要求有滚动条可以滑动，他给我讲的思路是用js 获取背景图片的高，在获取当前窗口的高，两者比较，...

HTML5 2021-03-20 50 0
HTML5拖拽文件上传的示例代码

上传文件 HTML5新增了文件API,提供客户端本地操作文件的可能. 我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名...

HTML5 2021-03-19 51 0
canvas版人体时钟的实现示例

不知道老网民们还记不记得这个魔性的时钟插件：作为网上冲浪十数载的网虫，不久前看到这个图瞬间破防，直接梦回10年前的QQ空间，感叹一下岁月蹉跎、时光荏苒、...

HTML5 2021-03-19 67 0
使用HTML和CSS实现的标签云效果(附demo)

标签云的效果在博客和网站上不难见到，它其实就是带有超链接的某些关键字，为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大，相反的就显示的小...

HTML5 2021-03-19 51 0
Canvas在超级玛丽游戏中的应用详解

前言在上一篇文章中, 我们基于DOM体系构建了超级玛丽, 那么在本篇文章中我们使用canvas对整个架构进行升级, 从而提升游戏的视觉体验。有需要的同学可...

HTML5 2021-03-18 53 0
html5使用window.postMessage进行跨域实现数据交互的一次实战

背景在一个App内嵌的H5中，产品希望在页面的下放设置一个区域，里面展示运营同学通过活动搭建平台生成的教学页面，页面由运营同学自己搭建、替换，产品同学希望H...

HTML5 2021-03-18 70 0
Html5移动端div固定到底部实现底部导航条的几种方式

需求：需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下：这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css...

HTML5 2021-03-18 69 0
html table呈现个人简历以及单元格宽度失效的问题解决

正确的实现代码如下： <!doctype html> <html lang="zh"> <head>...

HTML5 2021-03-17 44 0
前端使用canvas生成盲水印的加密解密的实现

为了保障信息安全，防止重大信息泄露，并且能够锁定泄露用户，需要对页面展示的图片加入当前用户信息的盲水印，即最终图片外观看起来和原图一样，但是经过解码以后可以识别...

HTML5 2021-03-17 49 0
Html5+CSS3+EL表达式问题小结

最近一直做关于装修的一个项目，后台功能实现很快，但是前台界面展示确实遇到不少的问题。问题1、下拉框选择不管用，选中之后没有变。如图当我选择其他的选项...

HTML5 2021-03-17 33 0
HTML5 canvas实现的静态循环滚动播放弹幕

本文主要介绍了HTML5 canvas实现的静态循环滚动播放弹幕，分享给大家，具体如下：使用方法和API 语法如下： canvasBarrage(c...

HTML5 2021-03-16 63 0
Html5 new XMLHttpRequest()监听附件上传进度

本文主要介绍new XMLHttpRequest()监听附件上传进度，解决优化loading长时间加载，用户等待问题一、存在问题经测试发现，new XM...

HTML5 2021-03-16 66 0
HTML5 drag和drop具体使用详解

简介拖拽（Drag/Drop）是一个很普遍、很常用的操作，即抓取一个对象后，放到想要放的地方。在H5中，拖拽是一个标准操作，任何元素都可以拖拽！！但是！...

HTML5 2021-03-15 63 0
详解如何解决H5开发使用wx.hideMenuItems无效果不生效

情况：引入SDK 的签名不报错与调试工具生成的结果也是一模一样，但是使用hideMenuItems没有小效果，不会报错。解决方式：把要执行的wx.hideM...

HTML5 2021-03-15 56 0