-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
所属栏目:[MySql教程] 日期:2020-09-23 热度:91
一般绘图的方式有两种,即填充和描边,前面的文章已经讲了描边的方法stroke,本文就讲一下Canvas中填充图形的方法[详细]
-
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
所属栏目:[MySql教程] 日期:2020-09-23 热度:124
上次我们讲到,canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理,以及解决它,感兴[详细]
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
所属栏目:[MySql教程] 日期:2020-09-23 热度:161
在学画画的时候,线条是最基本的了,而线条的连接可以组成任何图形。在Canvas中也是如此,接下来为您详细介绍最简单的线条的画法[详细]
-
html5 Canvas画图教程(1)—画图的基本常识
所属栏目:[MySql教程] 日期:2020-09-23 热度:140
Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图,你必须要有[详细]
-
使用html5+css3来实现slider切换效果告别javascript+css
所属栏目:[MySql教程] 日期:2020-09-23 热度:200
提到slider,过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式,自己却一直没有动手实现过。好吧,这次我有时间来玩下[详细]
-
html5 canvas-2.用canvas制作一个猜字母的小游戏
所属栏目:[MySql教程] 日期:2020-09-23 热度:122
今天我们要用canvas制作一个猜字母的小游戏,游戏设计很简单,系统会随机从a-z的26个字母中选择一个保存起来,你键盘输入一个字母,系统会提示你正确字符比你当前[详细]
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
所属栏目:[MySql教程] 日期:2020-09-21 热度:140
canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或[详细]
-
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
所属栏目:[MySql教程] 日期:2020-09-21 热度:120
今天讲quadraticCurveTo方法画曲线,quadratic的意思是二次,即数学中二次元方程那个二次,接下来详细介绍quadraticCurveTo方法的使用,感兴趣的朋友可以了解下[详细]
-
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
所属栏目:[MySql教程] 日期:2020-09-21 热度:129
anvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下[详细]
-
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
所属栏目:[MySql教程] 日期:2020-08-24 热度:120
localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用,sessionStorage(会话存储),只有在浏览器被关闭之前使[详细]
-
AmazeUI 网格的实现示例
所属栏目:[MySql教程] 日期:2020-08-19 热度:185
这篇文章主要介绍了AmazeUI 网格的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学[详细]
-
清除canvas画布内容(点擦除+线擦除)
所属栏目:[MySql教程] 日期:2020-08-19 热度:97
这篇文章主要介绍了清除canvas画布内容(点擦除+线擦除),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着[详细]
-
canvas小画板之平滑曲线的实现
所属栏目:[MySql教程] 日期:2020-08-19 热度:161
这篇文章主要介绍了canvas小画板之平滑曲线的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来[详细]
-
数据库分库分表后,带来的这个难题,如何解决?
所属栏目:[MySql教程] 日期:2020-08-17 热度:157
在此之前我们介绍了数据库的分库分表问题,分库分表可以给我们带来非常好的扩展性与性能上的提升,但也随之带来一些问题,例如数据的主键ID分配问题。我们以Mysql为例,通常我们使用的是数据库的自增主键,我们在分表的时候也尽量保证业务上不需要跨表查询[详细]
-
html5视频自动横过来自适应页面且点击播放功能的实现
所属栏目:[MySql教程] 日期:2020-08-14 热度:124
本代码适用于1920*1080的视频,如果是其他尺寸的视频,需要更改js代码里的几个数字,重新计算视频宽高 效果图 如图所示, 在长屏手机里,横过来的视频高度充满,宽度自适应后居中; 在短屏手机里,横过来的视频宽度充满,高度自适应后居中; 代码HTML !--[详细]
-
为什么我们要从MySQL迁移到TiDB?
所属栏目:[MySql教程] 日期:2020-08-14 热度:59
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 【51CTO.com原创稿件】当一张百亿数据量的表放在你面前,你将面临着什么?加列?哭吧,怎么也得等个几天甚至几周。加索引?哭吧,不论你用 pt-online-schema,还是 gh-ost,你都面临着拷贝一张临时表用以[详细]
-
万字分享,我是如何一步一步监控公司MySQL的?
所属栏目:[MySql教程] 日期:2020-08-14 热度:199
写在前边 在家远程办公第三周,快被手机上的消息搞的有些神经质了,生怕错过一条有用的信息,没办法形势如此,公司摇摇欲坠大家也都如履薄冰,毕竟这时候失业有点惨( 穷怕了 )。 但就干活来说还是比较清闲的,和在公司上班相比,清闲下来很多碎片时间,[详细]
-
Html5导航栏吸顶方案原理与对比实现
所属栏目:[MySql教程] 日期:2020-06-16 热度:88
市场上享有H5导航栏吸顶效果展示 1.淘宝聚划算吸顶演示: 2.淘宝百亿补贴吸顶演示: 二. 常见的tabbar吸顶方案 基于position粘性定位的吸顶方案 基于JS监听scroll事件的吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现与详解 1.1. 知识详解 posi[详细]
-
浅析图片上传及canvas压缩的流程
所属栏目:[MySql教程] 日期:2020-06-16 热度:53
我们通常在做图片上传的时候都会遇上这样的情况,一是后端接口限制上传图片的大小,或者是即使后端没有限制大小,因为图片太大在前端渲染时太慢,造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录:github.com/Michae[详细]
-
原生canvas制作画图小工具的踩坑和爬坑
所属栏目:[MySql教程] 日期:2020-06-16 热度:167
副标题#e# 最近在写一个类似截图里的简易画图的小工具,画线,画矩形,画圆,可以选择颜色,就像这样 写的过程中遇到了一些坑,还好爬出来了,也得到几位大佬的指点,稍微接触了一下zrender,在这里记录一下。 坑1,绘制过程的预览 用canvas画线没什么问题[详细]
-
h5移动端调用支付宝、微信支付的实现
所属栏目:[MySql教程] 日期:2020-06-16 热度:150
公司项目之前已有支付宝支付,现要求增加微信支付,第一次做,摸着石头过河!结果是满意的。 废话就不说了直接上代码: var aliChannel = null;var wxChannel = null;// 定义支付方式切换var state_type = 1;// 选择支付方式 默认为支付宝样式$(.zfb).find[详细]
-
使用SVG实现提示框功能的示例代码
所属栏目:[MySql教程] 日期:2020-06-16 热度:175
副标题#e# NO.1 前言 Tooltips常被称为提示框(或信息提示框),提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为,而是来看看如何以最好的方式来还原他们的视觉效果,并且能适用于不同的场景。 NO.2[详细]
-
Html5嵌入钉钉的实现示例
所属栏目:[MySql教程] 日期:2020-06-16 热度:50
1,需要在项目种引入钉钉官方的js script type=text/javascript src=http://www.jb51.net/html5/http:/g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js /script 或者npm 也可以的 2,钉钉自带的api,有写是需要鉴权的,所以在使用之前一定要[详细]
-
HTML5页面无缝闪开的问题及解决方案
所属栏目:[MySql教程] 日期:2020-06-16 热度:85
副标题#e# 在传统的 web 优化中,我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小,也能通过离线包、页面直出等方案加速 html 返回,之前一篇h5 秒开大全有部分简析。在大部分场景中,这些方案都足够用,也能得到出色的效果。但仍有两种无法尽善尽[详细]
-
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
所属栏目:[MySql教程] 日期:2020-06-16 热度:74
一、通常我们在存储数据的方式有三种 cookie sessionstorage localstorage ,那么这三种数据的存储又有什么关系呢?让我们一起来看看吧 cookie:保存cookie值: var dataCookie='110';document.cookie = 'token' + = +dataCookie; 获取指定名称的cookie值 f[详细]