首页 > 建站教程 > CSS3+HTML5 >
  • 这可能是最全的::before和::after伪元素的用法了

    这可能是最全的::before和::after伪元素的用法了

    一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和

    css before after  114次
  • HTML5 Web Worker介绍

    HTML5 Web Worker介绍

    什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做

    Web Worker  161次
  • HTML5规范之Web Worker入门

    HTML5规范之Web Worker入门

    1.什么是Web Worker 在web worker规范产生之前,dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说:渲染dom的时候不能执行javascript代码,执行javascript代码的时候,UI界面会

    Web Worker  161次
  • 使用canvas绘制时钟

    使用canvas绘制时钟

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

    canvas时钟  181次
  • 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  212次
  • js new Date() 日期处理方法总结

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

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

    Date  294次
  • 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  177次
  • 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  175次
  • HTML5 canvas moveTo() 方法

    HTML5 canvas moveTo() 方法

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

    moveTo  232次
  • 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  156次
125条 上一页 1 2 3 4 5 6 7 8 9 10 ..13 下一页