图片上传之前也有写过，不过是单张上传的，最近有个业务需求是需要多张上传的，于是乎从新改写了一下 HTML结构： XML/HTML Code 复制内容到剪贴板 div class = container label 请选择一个图像...

html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的，看到效果非常棒并且很实用，就第一时间把它整理出来与大家分享了，主要用到了html5、javascript和...

一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本。 这个概念是为解决移动...

请使用支持HTML5的浏览器查看本特效 复制代码 代码如下: !DOCTYPE html html head meta charset='UTF-8' titleHTML5有特色的进度条/title base target="_blank" / style body { background: #111; color:White; } a{color:White...

百度百科： SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网...

以前用canvas画图时，都是直接在canvas标签里直接写上宽高，没有问题，但也没有探究过为什么宽高要直接写在canvas标签里，因为各个资料的例子上都是这么写的。今天王sir提出了一个问...

1、二次贝塞尔曲线 quadraticCurveTo(cpx,cpy,x,y) //cpx，cpy表示控制点的坐标,x，y表示终点坐标； 数学公式表示如下： 二次方贝兹曲线的路径由给定点P0、P1、P2的函数B（ t ）追踪： 代码实例...

先上效果图： 复制代码 代码如下: !DOCTYPE html html head meta charset="utf-8" titlecanvas钟表/title meta name="Keywords" content="" meta name="author" content="@my_programmer" style type="text/css" body{margin:0;} /style /hea...

现把canvas的知识点总结如下，以便随时查阅。 1、填充矩形 fillRect(x,y,width,height); 2、绘制矩形边框 strokeRect(x,y,width,height); 3、擦除矩形 clearRect(x,y,width,height); 4、填充样式 fillStyle=red; 样式...

...

星球 变量名 公转周期 光色 暗色 水星 Mercury 87.70 #a69697 #5c3e40 金星 Venus 224.701.70 #c4bbac #1f1315 地球 Earth 365.2422 #78b1e8 #050c12 火星 Mars 686.98 #cec9b6 #76422d 木星 Jupiter 4332.589 #c0a48e #322 土星 Sa...

...

...

这里给大家分享的是一个学习canvas的时候做的画空心圆与实心圆的练习题，非常简单。 canvas id=canvas width=500 height=500 style=background-color: yellow;/canvas 复制代码 代码如下: var canvas=document.g...

代码太简单了，就不废话了 复制代码 代码如下: var canvas=document.getElementById("canvas"); //设置绘图环境 var cxt=canvas.getContext('2d'); //开启新路近 cxt.beginPath(); // 设置笔触的宽度 cxt.lineWidth=10...

canvas id=clock width=500 height=500 style=background-color: yellow/canvas 复制代码 代码如下: var clock=document.getElementById("clock"); var cxt=clock.getContext("2d"); function drawNow(){ var now=new Date(); var hour=now.getHours(...