当前位置:首页 > HTML5教程 > HTML5高阶

HTML5高阶

关于canvas下载二维码和图片加水印的方法

3

这篇文章主要介绍了canvas下载二维码和图片加水印的方法的相关资料,内容挺不错的,现在分享给大家,也给大家做个参考。昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5Canvas绘制而成。所以,今天的主角就是canvas

H5开发:实现消灭星星游戏的详细内容

3

这篇文章给大家介绍的文章内容是关于H5实现消灭星星游戏的详细内容,有很好的参考价值,希望可以帮助到有需要的朋友。「消灭星星」是一款很经典的「消除类游戏」,它的玩法很简单:消除相连通的同色砖块。1.游戏规则「消灭星星」存在多个版本,不过它们的

前端技术实现文本文字纹理叠加

4

这次给大家带来前端技术实现文本文字纹理叠加,前端技术实现文本文字纹理叠加的注意事项有哪些,下面就是实战案例,一起来看一下。本文这里所说的叠加,就是混合模式中的叠加,也就是说,本文要实现的效果是,文字本身的颜色和纹理进行叠加,而非直接填充纹理

使用HTML5实现网页音乐播放器

3

本篇文章主要介绍了HTML5网页音乐播放器的示例代码,内容挺不错的,现在分享给大家,也给大家做个参考。本文介绍了HTML5网页音乐播放器的示例代码,分享给大家,具体如下:1功能介绍HTML5中推出了音视频标签,可以让我们不借助其他插件就可以

HTML5新增协议:WebSocket协议的实例

4

本篇文章给大家带来的内容是关于HTML5新增协议:WebSocket协议的实例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。WebSocket是HTML5新增的协议,基于TCP连接进行全双工通信全双工通信:表示允许数据在两

总结关于内联SVG注意点汇总

10

什么是SVG?SVG指可伸缩矢量图形(ScalableVectorGraphics)SVG用于定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损失SVG是万维网联盟的标准SVG优势与

HTML5实现使用按钮控制背景音乐开关的方法

6

这篇文章主要介绍了关于HTML5实现使用按钮控制背景音乐开关的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下我们有时会在页面上加上背景音乐,允许用户自己开启和关闭背景音乐,尤其基于手机html5制作的多媒体页面,HTML

如何通过html5实现摇一摇的功能

4

原理:使用DeviceMotion实现,关于DeviceMotion介绍可以查看https://developer.mozilla.org/en-US/docs/Web/Reference/Events/devicemotion通过Devi

利用css的border-image实现锯齿形

3

css如何实现这样的样式:解决方案:这里需要用到的技术是border-image的灵活运用,首先需要一张图片,这里我选中的是这样子的,此后的图片可以拿这个更改圆形的颜色以更改锯齿颜色:  底部透明,正方形,ps截图如下:好了,下面咱们就开始

Tomcat的卸载及其过程中出现的问题汇总

6

首先,我的电脑是win8,安装的是Tomcat9,因之前不小心手抽点错了什么导致tomcat突然无法启动,于是打算卸载重装,在重装过程中遇到了如下问题:一,根据正常卸载流程进行操作,在命令提示符中输入scdeleteTomcat9.0.0.

分享h5canvas圆圈进度条的实例代码

4

实现h5canvas圆圈进度条的实例代码,本人的想法有很多,但是利用canvas无疑是最方便的解决办法,在此以canvas实现为例子,具体实现步骤如下:Paste_Image.png<!DOCTYPEhtml><html&

20个为前端开发者准备的文档和指南(1)

3

  在我每天网上的搜索中,我遇到过很多有趣的info-apps(可以查找帮助查找信息的应用)和文档,因此在这里我列出了它们。  确实,不是每一个都喜欢“列表帖子”或者摘要,但是,我们做不到让每一个人都满意。无论怎样,我们不会总是发这些类型的

html5新增结构:html主体结构和非主体结构的介绍

6

本篇文章给大家带来的内容是关于html5新增结构:html主体结构和非主体结构的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1新增的主体结构元素1.1article元素代表文档、页面或应用程序中独立的、完整的、可以独

HTML5canvas基本绘图之填充样式实现

5

5ba626b379994d53f7acf72a64f9b697c2caaf3fc160dd2513ce82f021917f8b是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个Can

HTML5头部meta介绍

3

51660d3d1b289bcf0c0de0cc1c679e35用于定义页面元信息,定义元信息也就是指定一些name-value对。该元素除了可以指定id属性外,还可以指定如下三个属性:http-equiv:指定元信息名称,该属性指定的名称

5个好用的H5速查手册

6

H5之所以能引发如此广泛的效应,根本在于它不再只是一种标记语言,它为下一代互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化和开放化,从而使互联网也能够轻松实现类似桌面的应

拖放API实现拖放排序

3

前言HTML5中提供了直接拖放的API,极大的方便我们实现拖放效果,不需要去写一大堆的js,只需要通过监听元素的拖放事件就能实现各种拖放功能。想要拖放某个元素,必须设置该元素的draggable属性为true,当该属性为false时,将不允

对Tap事件和Tap点透原理的分析

6

这篇文章给大家介绍的文章内容是关于对Tap事件和Tap点透原理的分析,有很好的参考价值,希望可以帮助到有需要的朋友。首先介绍tap事件:tap事件的意义:在移动端,click事件会有300ms延迟,因为浏览器通过判断300ms内是否会继续点

常用的<meta>代码整理汇总

8

这次给大家带来常用的<meta>代码整理汇总,使用<meta>代码的注意事项有哪些,下面就是实战案例,一起来看一下。必要属性属性值描述contentsometext定义与http-equiv或name属性相关的元信息

HTML5实战与剖析之表单那些事儿

7

  HTML5针对表单方面也做了一些完善,新添加了一些验证数据的功能,新添加了一些标签属性。有了这些验证功能,就可以不用JavaScript进行验证,哪怕是JavaScript被禁用了也可以毫无压力的验证表单了。开发人员不用JavaScri