-
当前分类：HTML5
-
requirejs的打包配置文件(build.js)详解
/* * 这是一个示例build文件,用来示范如何为requireJs应用build system * 这个build文件不是有效的，它所引用的路径在你的机器中可能不存在，该文件仅仅作为学习的引导 * */({ //包含你的应用的根目录. 如果使用了这个配置,它会假定你的脚... -
css3实现各种小图标
加号和减号图标<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=u... -
webpack入门使用方法
目前前端开发都流行模块打包啦,这个问题也确实是一个急切的问题。不得已。也看啦下入门的使用方法，之前也看过但是因为没有记录，现在再看的时候又看不懂啦，哎。部署环境需要安装的软件有nodejs+npm需要npm安装的包有如下//webpack工具，不用说得安装"webpack":"^4.16.5", //方便操作管理webpack的一些配置和操作&qu... -
H5判断页面可见性的api
一般情况下在pc上不存在这种情况，但是在移动平台上可能你在看着一个网页，突然有一个消息过来啦，于是你直接切换过云看短信去啦。这个时候这个网页就被隐藏啦看不到啦，这个状态是专门有一个api可以取到的，如下(function(a) { //属性名字 var hiddenPropertyNam... -
blob图片格式转成base64图片格式
最近再做gif动态图,生成的格式为blob格式的,pc浏览器都可以正常运行,但是用到微信中却发现blob格式的图片分享发送不了,最后把blob格式转成base64格式后发送正常,下面是一个转换的函数blob图片格式转成base64图片格式,var blobToBase64=function(blob, callback) {var a = ... -
html5 canvas 入门绘图的详细教程
导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字保存和恢复状态（context）保存文件结合setInter... -
h5使用canvas输出为gif动画图片
使用h5的canvas提供的接口很容易实现一些动画,如果能把这些动画实现成gif动图就更好啦，还真有大神实现啦这个功能下面说明使用方法开源库地址https://github.com/jnordberg/gif.js首先引入需要的js文件gif.js在页面里自己创建一个canvas并且在它上面画一些动... -
canvas旋转画上去的图形,图片
<canvas id="huabu"></canvas><script>var canvas=document.getElementById('huabu');canvas.width=400;canvas.... -
html5中使用canvas画渐变图形
具体的api查询地址http://www.w3school.com.cn/tags/canvas_createradialgradient.asp效果图如下<!DOCTYPE html><html><head><meta http-equ... -
html5 (canvas)画布save()和restore()的理解和使用方法
首先取到绘画的上下文信息var canvas=document.createElement('canvas');var context=canvas.getContext('2d');有这两个方法context.save();//保存当前画布状态c...