-
使用HTML5 IndexDB存储图像和文件的示例
HTML2021-09-08
有一天,我们写了关于如何在localStorage中保存图像和文件的文章,它是关于我们今天可用的实用主义。 然而,local...
-
canvas像素画板的实现代码
HTML2021-09-08
最近项目上要实现一个类似像素风格的画板,可以像素小格子可以擦除,框选变色,可以擦出各种图形,这样一个小...
-
详解使用canvas保存网页为pdf文件支持跨域
HTML2021-09-08
前言 之前上一篇随笔说了Canvas截图网页为图片,下来个新需求,把网页截图后保存为PDF文件供用户下载。 使用 can...
-
websocket+sockjs+stompjs详解及实例代码
HTML2021-09-08
最近有项目需求要用到 websocket ,刚开始以为很简单,但是随着遇到问题,深入了解,才知道 websocket 并不是想象中的...
-
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘
HTML2021-09-08
Html5新增的canvas是个强大的功能, 估计大家平时都会用到,只是频率不高,偶尔用它合成图片,但是如果不进行封装...
-
HTML5 Geolocation API的正确使用方法
HTML2021-09-08
Geolocation 是 HTML5 标准下的一个Web API ,利用它可以获取设备的当前位置信息(坐标),此 API 具有三个方法:getCurren...
-
canvas实现俄罗斯方块的方法示例
HTML2021-09-08
好久没使用 canvas 了,于是通过写小游戏 俄罗斯方块 再次熟悉下 canvas ,如果有一定的canvas基础,要实现还是不难的...
-
localStorage 设置过期时间的方法实现
HTML2021-09-08
localStorage 除非人为手动清除,否则会一直存放在浏览器中,但是很多情况下我们可能需要 localStorage 有一个 过期时间...
-
webapp字号大小跟随系统字号大小缩放的示例代码
HTML2021-09-08
最近做了一个webapp项目,混合式开发,外部原生,内部webview嵌套H5页面。前端方面采用了vue开发,适配采用的是fle...
-
详解Html5中video标签那些属性和方法
HTML2021-09-08
前言 最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛....
-
HTML5之多线程(Web Worker)
HTML2021-09-08
提到 HTML5 总是让人津津乐道,太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段,忽视了...
-
浅谈pc和移动端的响应式的使用
HTML2021-09-08
身为一个前端攻城狮,是不是经常遇到各种各样的 响应式 问题?下面我们来说一下: 1. 响应式 跟自适应有什么区别...
-
canvas绘制文本内容自动换行的实现代码
HTML2021-09-08
原型要求: 要求制作一个邀请卡页面,其中标题字数是动态的,最多可显示2行,如果超出2行则第2行内容结尾添加省...
-
详解通过变换矩阵实现canvas的缩放功能
HTML2021-09-08
这篇文章主要介绍一种通过设置 canvas 的变换矩阵来实现 canvas 的 缩放 。 第一步就是监听鼠标的滚轮事件,在滚轮事...
-
html Table 表头固定的实现
HTML2021-09-08
本文介绍了 html Table 表头固定的实现,分享给大家,具体如下: html ;">div class=wrapbox div class=table-head table thead th wid...
-
Html5如何唤起百度地图App的方法
HTML2021-09-08
最近接手了一个需求,要求混合式开发,前端做好 h5 后将页面嵌入到 ios 和 android 中,需要用到 百度地图 的地图导...
-
canvas学习笔记之绘制简单路径
HTML2021-09-08
1 线段(直线路径) 绘制线段一般步骤: moveTo(x,y) 移动画笔到指定的坐标点(x,y) lineTo(x,y) 使用直线连接当前端点和指...
-
web页面录屏实现
HTML2021-09-08
在前面的话 在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉可行的一套...
-
Canvas 文本转粒子效果的实现代码
HTML2021-09-08
本文介绍了 Canvas 文本转粒子效果的实现代码,分享给大家,希望对大家有所帮助,具体如下: 通过粒子来绘制文本...
-
canvas学习笔记之2d画布基础的实现
HTML2021-09-08
一. Canvas是啥 canvas 是一个可以使用脚本(通常是js)来绘图的HTML元素 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Das...
-
使用HTML5原生对话框元素并轻松创建模态框组件
HTML2021-09-08
HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前,如果我们想要构建任何形式的模式对话框或对话框,...
-
详解如何用canvas画一个微笑的表情
HTML2021-09-08
实习期间让我用canvas画一个表情,比较简单,话不多说直接上代码: bodydiv id=canvas-warp canvas id=canvas style=display: bloc...
-
使用html2canvas将页面转成图并使用用canvas2image下载
HTML2021-09-08
之前在网上找到一个用 a 的 download属性下载的方法,确实很简单也很方便,但此方法不支持IE,无奈又找到另一方法...
-
5分钟弄清楚html5的drag and drop(小结)
HTML2021-09-08
5分钟弄清楚 html5 的 drag and drop ,及其他监听事件和执行的次序。 定义和用法 在拖放的过程中会触发以下事件: 在...
-
canvas画布实现手写签名效果的示例代码
HTML2021-09-08
最近项目中涉及到移动端手写签名的功能需求,将实现代码记录于此,供小伙伴们参考指摘哦~ HTML代码: !--手写区...
-
HTML5网页录音和上传到服务器支持PC、Android,支持
HTML2021-09-08
准备做一个网页版聊天界面,表情啊、图片啊、上传文件啊都应该要有,视频就算了,语音还是要的。 本文记录的是...
-
html5中监听canvas内部元素点击事件的三种方法
HTML2021-09-08
canvas 内部元素不能像DOM元素一样方便的添加交互事件监听,因为 canvas 内不存在元素这个概念,他们仅仅是canvas绘制...
-
Html5实现单张、多张图片上传功能
HTML2021-09-08
前言 今天我们聊一聊 图片上传 ,单张Or多张 ,如今,各大 图片上传 插件数不胜数,例如:Jquery的 verupload.js,jQu...
-
鲜为人知的HTML5语音合成功能
HTML2021-09-08
听一下就会发现,播放出来的声音并不是预先录制好的音频资料,而是通过文字识别后合成的语音 请先戴上耳机,然...
-
Html5内唤醒百度、高德APP的实现示例
HTML2021-09-08
前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者是高德APP,于是我在网上查了相关文档,下面放上链...