首页 > 建站教程 > CSS3+HTML5 >
  • 使用canvas绘制时钟

    使用canvas绘制时钟

    首先看一下效果图：每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布，并为其设置width，height。 div canvas id="clock" height="200px" width="200px"/canvas/div 2.在js中获取canvas画

    canvas时钟  188次
  • HTML5 canvas clearRect() 方法

    HTML5 canvas clearRect() 方法

    clearRect的定义和用法 clearRect() 方法清空给定矩形内的指定像素。 实例 在给定矩形内清空一个矩形： js var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(0,

    clearRect  214次
  • js new Date() 日期处理方法总结

    js new Date() 日期处理方法总结

    new Date()返回一个日期对象，可以通过这个日期对象处理js中的日期。 语法格式： new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象，参数为空返回当前日期 例如： new D

    Date  307次
  • HTML 5 canvas lineCap 属性

    HTML 5 canvas lineCap 属性

    先看个用HTML 5 canvas lineCap绘制的圆形结束线帽的图片： 上例的JS代码: var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.lineCap="round";ctx.moveTo(20,20);ctx.lineTo(20,200);ctx.st

    lineCap  182次
  • HTML5 canvas lineTo() 方法

    HTML5 canvas lineTo() 方法

    先看个用lineTo画的线条的例子： 开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线： JS var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.moveTo(0,0);ctx.line

    lineTo  177次
  • HTML5 canvas moveTo() 方法

    HTML5 canvas moveTo() 方法

    HTML5 canvas moveTo() 方法就是绘制一条线的起点。 实例 开始一条路径，移动到位置(moveTo) 0,0。创建到达位置(lineTo) 300,150 的一条线： 提示：请使用 stroke() 方法在画布上绘制确切的路径。

    moveTo  236次
  • HTML5 canvas rotate() 方法

    HTML5 canvas rotate() 方法

    HTML5 canvas 的 rotate方法，可以实现画布的旋转。 先看个将矩形旋转 20 度的例子： 代码： var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rotate(20*Math.PI/180); ctx.fillRect(50,20,100,50

    HTML5  canvas  rotate  方法  HTML5  canvas  的  ro  161次
  • canvas getContext()方法

    canvas getContext()方法

    一个画家要绘制一副画作，首先需要做一些准备工作。本人不懂绘画，大致猜测主要准备工作如下： （1）.作画的纸张，可以类比canvas中的画布。 （2）.画笔与不同颜色染料等一大堆东

    getContext  165次
  • CSS3八卦和爱心

    CSS3八卦和爱心

    昨天雷雨交加，燥热有所缓解。今晨空气清新，再加上马上三天小长假，心情很不错，祝各位小长假玩的开心。那么，今天就用CSS3做些“不正紧”的事：画八卦和爱心。 CSS3我们一般都

    CSS3八卦  144次
  • 前端干货:CSS3 var变量详解

    前端干货:CSS3 var变量详解

    在正文开始前，小编想说一句：今天合肥由于大风，雾霾都吹走了，天特别蓝，早上骑车上班，飓风拂面，酸爽！ 好了，废话完了，我们今天来说一说CSS3变量。 貌似在任何编程语言中

    CSS3 var  236次
132条 上一页 1 2 3 4 5 6 7 8 9 10 ..14 下一页