-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目：[MySql教程] 日期：2020-03-29 热度：176
前言:项目中需要实现图片下载功能，第一个想到的是使用a标签的download属性来实现，但是在不同浏览器下测试会发现，有的浏览器无效，点击后直接预览图片，所以，上网找到了另外一种兼容不同浏览器的图片下载的方法，那就是利用canvas来处理图片，实现下载[详细]
-
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
所属栏目：[MySql教程] 日期：2020-03-29 热度：153
副标题#e# 印章图片的采集两种互补方式： 方式1：在线生成印章图片方式，但是这种方式有个弊端，对印章中公司名称字数有限制，字数越多可能就完蛋了。 方式2：上传印章扫描件，系统来对扫描图片进行处理，提取扫描件中的印章图片。 本文介绍方式1，方式2待[详细]
-
详解利用canvas实现环形进度条的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：176
前提：有时候在项目中会有用到进度条的情况，使用css3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。 效果图 DOM中，首先定义canvas画板元素： canvas[详细]
-
Html5 实现微信分享及自定义内容的流程
所属栏目：[MySql教程] 日期：2020-03-29 热度：199
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。 以下为大概流程(细节放在各个阶段) 安装 weixin-js-sdk 初始化微信分享 配置微信分享自定义内容（[详细]
-
前端canvas动画如何转成mp4视频的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：109
副标题#e# 用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收[详细]
-
详解FireFox下Canvas使用图像合成绘制SVG的Bug
所属栏目：[MySql教程] 日期：2020-03-29 热度：179
所有的事情都会有一个起因。 最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：gl[详细]
-
canvas实现有递增动画的环形进度条的实现方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：53
副标题#e# 高清大图！ 码农多年，老眼昏花，动图看不清？！那就看静态截图！！！ 不同分值效果如下： 看完了卖家秀，我们来看产品的制作过程吧！ canvas绘制圆环1、vue中，template lang=pug里的代码如下： canvas#baseCanvas是底部的灰色圆环 canvas#myCan[详细]
-
Html5新增标签与样式及让元素水平垂直居中
所属栏目：[MySql教程] 日期：2020-03-29 热度：93
1、利用table标签，自带的功能 style.parent{border: 1px solid red;height: 500px}.child{border: 1px solid black}/stylebody!-- --table class=parenttrtd class=child测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测[详细]
-
Canvas 文字碰撞检测并抽稀的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：160
碰撞检测 计算文字在 canvas 中所占据的范围 // 计算文字所需的宽度var p = { x: 10, y: 10, name: 测试文字};var measure = ctx.measureText(p.name);// 求出文字在 canvas 画板中占据的最大 y 坐标var maxX = measure.width + p.x;// 求出文字在 canvas[详细]
-
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 （附转换公式）
所属栏目：[MySql教程] 日期：2020-03-28 热度：95
副标题#e# 哈哈哈俺又来啦，这次带来的是canvas实现一些画布功能的文章，希望大家喜欢！ 前言 因为也是大三了，最近俺也在找实习，之前有一个自己的小项目: https://github.com/zhcxk1998/School-Partners 面试官说可以往深层次思考一下，或许加一些新的功[详细]
-
html5视频常用API接口的实战示例
所属栏目：[MySql教程] 日期：2020-03-28 热度：61
副标题#e# 一、虽然有的属性是boolean类型，但仍旧建议按照XHTML书写（属性名=属性值）格式，避免出现错误 （下面加粗的属性为常用属性） 属性 值 功能描述 controls controls 是否显示播放控件 autoplay autoplay 设置是否打开浏览器后自动播放 width Pile[详细]
-
HTML5 图片预加载的示例代码
所属栏目：[MySql教程] 日期：2020-03-28 热度：144
在HTML5中，我们可以使用drawImage方法在canvas上进行画图操作，其基本代码如下： var canvas = document.getElementById(canvas);var context = canvas.getContext(2d);var image = new Image();image.src = images/01.jpg;context.drawImage(image, 0, 0[详细]
-
HTML5 Canvas实现放大镜效果示例
所属栏目：[MySql教程] 日期：2020-03-28 热度：98
副标题#e# 在线源码预览 源码 原理 首先选择图片的一块区域，然后将这块区域放大，然后再绘制到原先的图片上，保证两块区域的中心点一致, 如下图所示: 初始化 canvas id=canvas width=500 height=500/canvasimg src=http://www.jb51.net/html5/image.png st[详细]
-
html2canvas截图空白问题的解决
所属栏目：[MySql教程] 日期：2020-03-28 热度：160
最近在项目中遇到一个需求，需要提供网页截图的功能。百度下发现html2canvas很好用。那就试试吧。 资源下载地址 插件下载地址：html2canvas下载地址 使用方式 项目使用的react组件开发方式。参照官方的说明文档getting-started.md,按照以下步骤进行： 1、[详细]
-
html5 移动端视频video的android兼容(去除播放控件、全屏)
所属栏目：[MySql教程] 日期：2020-03-28 热度：123
副标题#e# android下html5的视频播放一直是前端兼容的重灾区，各种体验差，被诟病已久。但之前的故宫穿越H5，和吴亦凡入伍H5，利用的视频技术，貌似又给人一种新面貌。 前段时间做某项目，恰好也是一个类似视频全屏的，下面跟大家分享下经历的坑和填坑的办[详细]
-
html通过canvas转成base64的方法
所属栏目：[MySql教程] 日期：2020-03-28 热度：175
在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主要说明这个方案 demo !--生成后存放的IMG--img src=http://www.jb51.net/html5[详细]
-
解决H5的a标签的download属性下载service上的文件出现跨域问题
所属栏目：[MySql教程] 日期：2020-03-28 热度：188
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='http://www.jb51.net/html5/url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致浏览器能打[详细]
-
Html5页面上如何禁止手机虚拟键盘弹出
所属栏目：[MySql教程] 日期：2020-03-28 热度：110
工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签： 但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句docum[详细]
-
最适合新手的Redis基础
所属栏目：[MySql教程] 日期：2020-03-25 热度：113
副标题#e# 我们先看看Redis官网给的介绍： Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker. It supports data structures such as strings, hashes, lists, sets, sorted sets wi[详细]
-
html5服务器推送_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-21 热度：62
副标题#e# 对于一般的 Web 应用开发，大多数开发人员并不陌生。在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HT[详细]
-
html5定制表单_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-19 热度：75
副标题#e# HTML5中存在多种不同的输入框和按钮，通过设置input元素的type属性来实现，除此之外，HTML5中还支持选择列表、多行输入框等，这些元素都有自己的用途和属性，下面一一介绍。 单行文本输入框 type为text表示input元素为一个单行文本框，是input元[详细]
-
详解HTML5 LocalStorage 本地存储
所属栏目：[MySql教程] 日期：2020-03-18 热度：140
副标题#e# HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获[详细]
-
HTML5应用之文件上传
所属栏目：[MySql教程] 日期：2020-03-18 热度：77
副标题#e# 长期以来，开发者们一直为此苦恼，大部分为解决这个问题都采用了flash作为解决方案，但flash并非灵丹妙药，因为flash版本，割据造成的问题有时反倒成为了噩梦。有些网站则采用了form标签的enctype=multipart/form-data属性，但这一属性要求服务器[详细]
-
如何开发一款堪比APP的微信小程序（腾讯内部团队分享）
所属栏目：[MySql教程] 日期：2020-03-16 热度：155
一夜之间，微信小程序刷爆了行业网站和朋友圈，小程序真的能如张小龙所说让用户即用即走吗？ 其功能能和动辄几十兆安装文件的APP相比吗？ 开发小程序，是不是意味着移动应用开发的一次推倒重来，企业的运营成本会不会因此增加？ 近日，笔者参加了一次腾讯[详细]
-
详解HTML5中的template标签
所属栏目：[MySql教程] 日期：2020-03-16 热度：160
副标题#e# 一、HTML5 template元素初面 template元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是模板元素。 目前，我们在HTML中嵌入模板HTML，往往是类似这样的写法： XML/HTML Code复制内容到剪贴板 scripttype=text/templat[详细]
