HTML5
-
详解如何将 Canvas 绘制过程转为视频
如果我们用Canvas实现了一些动画效果,需要将它回放出来,很多人通常就是用录屏工具将屏幕内容录下来播放,很少有人知道,Canvas可以直接通过现代浏览器支持的...
-
h5页面背景图很长要有滚动条滑动效果的实现
最近做项目过程中,老大提了个很奇葩的要求 背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路是用js 获取背景图片的高,在获取当前窗口的高,两者比较,...
-
HTML5拖拽文件上传的示例代码
上传文件 HTML5新增了文件API,提供客户端本地操作文件的可能. 我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名...
-
canvas版人体时钟的实现示例
不知道老网民们还记不记得这个魔性的时钟插件: 作为网上冲浪十数载的网虫,不久前看到这个图瞬间破防,直接梦回10年前的QQ空间,感叹一下岁月蹉跎、时光荏苒、...
-
使用HTML和CSS实现的标签云效果(附demo)
标签云的效果在博客和网站上不难见到,它其实就是带有超链接的某些关键字,为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大,相反的就显示的小...
-
Canvas在超级玛丽游戏中的应用详解
前言 在上一篇文章中, 我们基于DOM体系构建了超级玛丽, 那么在本篇文章中我们使用canvas对整个架构进行升级, 从而提升游戏的视觉体验。 有需要的同学可...
-
html5使用window.postMessage进行跨域实现数据交互的一次实战
背景 在一个App内嵌的H5中,产品希望在页面的下放设置一个区域,里面展示运营同学通过活动搭建平台生成的教学页面,页面由运营同学自己搭建、替换,产品同学希望H...
-
Html5移动端div固定到底部实现底部导航条的几种方式
需求: 需要把导航固定在底部?只能滑动内容,导航菜单固定不动的。效果如下: 这篇文章主要讲解三种实现方案,包括:fixed,absolute,以及css...
-
html table呈现个人简历以及单元格宽度失效的问题解决
正确的实现代码如下: <!doctype html> <html lang="zh"> <head>...
-
前端使用canvas生成盲水印的加密解密的实现
为了保障信息安全,防止重大信息泄露,并且能够锁定泄露用户,需要对页面展示的图片加入当前用户信息的盲水印,即最终图片外观看起来和原图一样,但是经过解码以后可以识别...
-
Html5+CSS3+EL表达式问题小结
最近一直做关于装修的一个项目,后台功能实现很快,但是前台界面展示确实遇到不少的问题。 问题1、下拉框选择不管用,选中之后没有变。如图 当我选择其他的选项...
-
HTML5 canvas实现的静态循环滚动播放弹幕
本文主要介绍了HTML5 canvas实现的静态循环滚动播放弹幕,分享给大家,具体如下: 使用方法和API 语法如下: canvasBarrage(c...
-
Html5 new XMLHttpRequest()监听附件上传进度
本文主要介绍new XMLHttpRequest()监听附件上传进度,解决优化loading长时间加载,用户等待问题 一、存在问题 经测试发现,new XM...
-
HTML5 drag和drop具体使用详解
简介 拖拽(Drag/Drop)是一个很普遍、很常用的操作,即抓取一个对象后,放到想要放的地方。 在H5中,拖拽是一个标准操作,任何元素都可以拖拽!! 但是!...
-
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
情况:引入SDK 的签名不报错与调试工具生成的结果也是一模一样,但是使用hideMenuItems没有小效果,不会报错。 解决方式:把要执行的wx.hideM...