登录 | 注册
全部  转载 · 原创 · 教程 · 笔记 
HTML5 SVG带圆形进度条动画的提交按钮特效
转载HTML5 SVG带圆形进度条动画的提交按钮特效

  简要教程   这是一款非常实用的HTML5 SVG带圆形进度条动画的提交按钮特效。该提交按钮在被点击之后,按钮变形为一个圆形的进度条,当进度条运行一周之后,可以设置提交成功和提交失败的两种按钮状态

张吉爽 2016-12-20 15:11 阅读(8) 评论( 收藏(0)

HTML5 CANVAS:绘制文字
转载HTML5 CANVAS:绘制文字

  我们可以在HTML5 canvas上绘制绘制文字,并且可以设置文字的字体,大小和颜色。   绘制文字的字体由2D上下文的font属性来控制。如果你需要使用颜色来填充文字或制作描边文字,可以使用2D上

张吉爽 2016-12-20 15:11 阅读(5) 评论( 收藏(0)

HTML5实现手势屏幕解锁
转载HTML5实现手势屏幕解锁

  效果展示   实现原理   利用HTML5的canvas,将解锁的圈圈划出,利用touch事件解锁这些圈圈,直接看代码。 function createCircle() { 创建解锁点的坐标,根据canvas的大小来平均分配半

张吉爽 2016-12-12 15:37 阅读(64) 评论( 收藏(0)

HTML5 CANVAS:绘制图片
转载HTML5 CANVAS:绘制图片

  通过前面的学习,我们现在已经可以在HTML5 canvas中绘制图形和文字,并给它们设置一些样式。我们还可以在中绘制图片。用于在 作为绘制源的图片可以是下面的几种元素类型:   

张吉爽 2016-12-12 15:37 阅读(66) 评论( 收藏(0)

HTML5 CANVAS:绘制路径
转载HTML5 CANVAS:绘制路径

  一条HTML5 canvas路径是通过绘制指令来连接一系列的点,由这一系列的点构成直线或曲线。路径可以用于在HTML5 canvas上绘制各种类型的图形:直线、圆形、多边形等等。路径的绘制是canvas的核心,必须

张吉爽 2016-12-12 15:37 阅读(82) 评论( 收藏(0)

24个 HTML5 & CSS3 下拉菜单制作教程
转载24个 HTML5 & CSS3 下拉菜单制作教程

  下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更

张吉爽 2016-12-12 15:37 阅读(19) 评论( 收藏(0)

Canvas画椭圆的方法
转载Canvas画椭圆的方法

  虽然标题是画椭圆,但是我们先来说说Canvas中的圆   相信大家对于Canvas画圆都不陌生 oGC arc(400, 300, 100, 0, 2*Math PI, false); 复制代码   如上所示,直接调用API就可以了,但是计算

张吉爽 2016-12-12 15:37 阅读(2) 评论( 收藏(0)

HTML5 CANVAS:绘图状态和状态栈
转载HTML5 CANVAS:绘图状态和状态栈

  当我们在HTML5 canvas中使用2D上下文来绘制图形的时候,2D上下文会处于某种状态中。你可以通过操纵2D上下文的属性来设置这些状态,例如fillStyle属性和strokeStyle属性。所有的这些操作被称为2D

张吉爽 2016-12-12 15:37 阅读(4) 评论( 收藏(0)

HTML5 CANVAS:像素处理
转载HTML5 CANVAS:像素处理

  我们可以直接从HTML5 canvas中获取单个像素。通过ImageData对象我们可以以读写一个数据数组的方式来操纵像素数据。当完成像素操作之后,如果要显示它们,需要将这些像素复制到canvas上。   创建

张吉爽 2016-12-12 15:37 阅读(3) 评论( 收藏(0)

SVG基础|绘制SVG圆形和椭圆形
转载SVG基础|绘制SVG圆形和椭圆形

  SVG 元素用于绘制一个圆形。元素则用于绘制椭圆形。我们先从圆形说起,下面是一个绘制SVG圆形的例子。

张吉爽 2016-12-12 15:37 阅读(5) 评论( 收藏(0)

热门文章

优就业jQuery教程-jQuery操作table表格
 阅读(1300)张吉爽 2016-10-19 17:43

WEB开发三层架构概述
 阅读(41)常靖 09月11日 17:29

优就业JS教程-JavaScript 中变量、作用域和内存问题
 阅读(1470)张吉爽 2016-10-17 11:40

优就业jQuery教程-jQuery中 $ 符号的冲突问题
 阅读(1440)张吉爽 2016-11-04 15:54

JavaScript初学者应注意的七个细节
 阅读(64)张吉爽 08月16日 16:41

推荐阅读
最新评论
更多>热门标签
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博