-
在HTML5 canvas里用卷积核进行图像处理的方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：70
就跳过一些用专业属于描述专业术语看完懵逼的解释了， 语文成绩很差的我尝试从字面解释什么是卷积... 卷，理解成一种压缩；积，乘积，积累； 卷积需要一个卷积核，通常是3x3或5x5的方阵， 例如这样 // 一个3x3卷积核 0 0 0 0 1 0 0 0 0 我们要怎么用卷积核[详细]
-
HTML5 拖拽批量上传文件的示例代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：182
该组件基于 Vue.js 实现，UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果[详细]
-
html5调用摄像头功能的实现代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：73
副标题#e# 前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多问题。今天闲来无事，看了下自己的 todo，发现有这个调用摄像头的todo，才想到。网上查了一下，果然 js 有调用摄像头的 api，为此自[详细]
-
简单聊聊H5的pushState与replaceState的用法
所属栏目：[MySql教程] 日期：2020-05-12 热度：108
HTML5引入了 和 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 中执行了以下 JavaScript 代码: var stateObj = { foo: bar };history.pushState(stateObj, page 2, bar.html)[详细]
-
Html5 localStorage入门教程
所属栏目：[MySql教程] 日期：2020-05-12 热度：81
只读的 localStorage 允许你访问一个 Document 的远端（origin）对象 Storage；数据存储为跨浏览器会话。localStorage 类似于 sessionStorage，区别在于，数据存储在 localStorage 是无期限的，而数据存储在 sessionStorage 会被清除，当页面会话结束时也[详细]
-
利用html5 canvas动态画饼状图的示例代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：141
这里并没引用jquery等第三方库，只是用dom操作和canvas的特性编写的。 canvas画圆大体分为实心圆和空心圆。 根据需求分析知道该圆为实心圆。 1.先用canvas画实心圆 //伪代码var canvas = document.createElement(canvas);var ctx = canvas.getContext('2d'[详细]
-
如何使用localstorage代替cookie实现跨域共享数据问题
所属栏目：[MySql教程] 日期：2020-05-12 热度：89
副标题#e# 因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决，成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨[详细]
-
探究 canvas 绘图中撤销（undo）功能的实现方式详解
所属栏目：[MySql教程] 日期：2020-05-12 热度：51
副标题#e# 最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印[详细]
-
详解canvas在圆弧周围绘制文本的两种写法
所属栏目：[MySql教程] 日期：2020-05-12 热度：96
教程是直接按弧度进行编写的 自己又试着用角度重新编写了一份，有些差别，总结起来还是用弧度比较方便，当然两种哪种理解的容易可以自行斟酌 写代码有时候不一定要按照教程一板一眼的写，最佳实践固然是好，但是自己尝试些别的也许有些别的收获不是么~ 效[详细]
-
HTML5 body设置自适应全屏
所属栏目：[MySql教程] 日期：2020-05-11 热度：108
用什么代码实现？不允许有白色底色产生，因为手机高度不一样 设计图要标准（750）确认是背景图（通屏底图）应用场景：移动端宣传页面或者活动页面 错误的写法：加到div中结合图片设置min-height，但是页面不会回弹 终极方案 html,body{ width:100%; height[详细]
-
iframe与window.onload如何使用详解
所属栏目：[MySql教程] 日期：2020-05-11 热度：122
在项目上，需要等页面加载完之后再执行一个方法用于修改页面的颜色，于是导出都是在使用onload解决，然而这并不能解决我遇到的问题，因为我发现，我项目上的页面仍然没加载，折腾了很久才知道，原来是因为项目使用了很古老的iframe来操作的，必须等iframe[详细]
-
HTML5录音实践总结(Preact)
所属栏目：[MySql教程] 日期：2020-05-11 热度：111
副标题#e# ArrayBuffer 转 Base64 PCM 文件播放 重采样 PCM 转 MP3 PCM 转 WAV 短时能量计算 Web Worker优化性能 音频存储(IndexedDB) WebView 开启 WebRTC 获取 PCM 数据 查看 DEMO https://github.com/deepkolos/pc-pcm-wave 样例代码: const mediaStream[详细]
-
详解HTML5.2版本带来的修改
所属栏目：[MySql教程] 日期：2020-05-11 热度：85
副标题#e# W3C HTML 5.2 规范中， 介绍该版本引入的修改，我综合来自 《Whats New in HTML 5.2?》 这篇文章的描述，在此列举对我来说比较重要的部分。 新特性 原生 dialog 元素 对话框在平时开发中，使用较为频繁，HTML 5.2 规范提供了 dialog 元素来创建对[详细]
-
canvas绘制太极图的实现示例
所属栏目：[MySql教程] 日期：2020-05-11 热度：52
看到了很多人写的太极图案，自己也来搞一下，今天就来介绍一下 css样式代码 .animation{ width: 800px; height: 800px; border: 1px solid #000;}#canvas{ animation: rotate 6s linear infinite; }/* 给太极图设置旋转动画 */@keyframes rotate{ 0%{trans[详细]
-
HTML5 HTMLCollection和NodeList的区别详解
所属栏目：[MySql教程] 日期：2020-05-11 热度：198
getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 注意： HTMLCollection 不是一个数组！ HTMLCollection 看起来可能是一个数组，但其实不是。 你可以像数组一样，使用索引来获取元素。 HTMLCollect[详细]
-
HTML5调用手机发短信和打电话功能
所属栏目：[MySql教程] 日期：2020-05-11 热度：114
本来感觉用H5写调用电话拨号功能和发送短信功能会很不好写，后来通过实践得出，其实很简单的。 首先简单介绍一下业务功能，就是显示通讯录中的人员用户信息，然后分别点击相应的按钮来发送短信和拨通电话 正文 来看看HTML的关键代码 !DOCTYPE htmlhtmlhead[详细]
-
H5离线存储Manifest原理及使用
所属栏目：[MySql教程] 日期：2020-05-11 热度：155
离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。 什么是Manifest： Manifest是一个简单的[详细]
-
HTML5中的网络存储实现方式
所属栏目：[MySql教程] 日期：2020-05-11 热度：121
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性的在本地设备上存储数据，例如记录历史活动信息。传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目：[MySql教程] 日期：2020-03-29 热度：175
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能，就想将当前这个画布功能，开发成一个简易版的协作画板。 在线演示：努力部署中，目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段：#前[详细]
-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目：[MySql教程] 日期：2020-03-29 热度：62
前言:项目中需要实现图片下载功能，第一个想到的是使用a标签的download属性来实现，但是在不同浏览器下测试会发现，有的浏览器无效，点击后直接预览图片，所以，上网找到了另外一种兼容不同浏览器的图片下载的方法，那就是利用canvas来处理图片，实现下载[详细]
-
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
所属栏目：[MySql教程] 日期：2020-03-29 热度：140
副标题#e# 印章图片的采集两种互补方式： 方式1：在线生成印章图片方式，但是这种方式有个弊端，对印章中公司名称字数有限制，字数越多可能就完蛋了。 方式2：上传印章扫描件，系统来对扫描图片进行处理，提取扫描件中的印章图片。 本文介绍方式1，方式2待[详细]
-
详解利用canvas实现环形进度条的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：172
前提：有时候在项目中会有用到进度条的情况，使用css3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。 效果图 DOM中，首先定义canvas画板元素： canvas[详细]
-
Html5 实现微信分享及自定义内容的流程
所属栏目：[MySql教程] 日期：2020-03-29 热度：114
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。 以下为大概流程(细节放在各个阶段) 安装 weixin-js-sdk 初始化微信分享 配置微信分享自定义内容（[详细]
-
前端canvas动画如何转成mp4视频的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：91
副标题#e# 用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收[详细]
-
详解FireFox下Canvas使用图像合成绘制SVG的Bug
所属栏目：[MySql教程] 日期：2020-03-29 热度：124
所有的事情都会有一个起因。 最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：gl[详细]
