登录 | 注册
全部  转载 · 原创 · 教程 · 笔记 
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)

SVG基础|绘制SVG矩形
转载SVG基础|绘制SVG矩形

  一个元素代表一个SVG矩形。通过这个元素你可以画出不同宽度,不同高度,以及不同描边和不同填充颜色的矩形。同时它还可以绘制直角或圆角的矩形。   一个SVG矩形的简单例子   下面是一个绘

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

SVG基础|绘制SVG连接标记MARKERS
转载SVG基础|绘制SVG连接标记MARKERS

  SVG直线   SVG 连接标记(markers)用于标记一条线或路径的开始、中间个结束位置。你可以在路径的开始处使用圆形或方形表示,在路径的结束处使用一个三角箭头表示。看羡慕的一个简单的例子:

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

热门文章

优就业HTML5教程-基于原生HTML的UI组件开发
 阅读(812)田曦予 2016-02-03 10:30

通过HTML5和WebGL来制作2D游戏
 阅读(106)于文迪 07月05日 16:46

优就业Ajax教程-AJAX工作原理及其优缺点
 阅读(1971)张吉爽 2016-09-06 14:18

优就业JS教程-浅谈JS中String()与 .toString()的区别
 阅读(1366)张吉爽 2016-10-27 16:53

优就业Ajax教程-Ajax和JSON基础
 阅读(2887)张吉爽 2016-05-11 09:23

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

咨询中心

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

400-650-7353

加入官方微博