网页制作

HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述

SVG存在两套坐标系统:视窗坐标系与用户坐标系。默认情况下,用户坐标系与视窗坐标系的点是一一对应的,记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊,或许对你有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门7—SVG元素的重用与引用

前面介绍了很多的图形元素,如果很多图形本身是一样的,需要每次都去定义一个新的么?我们可以重用一些图形吗?这就是本节讲的重点:SVG元素的重用,感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门8—文档结构及相关元素总结

前面介绍了很多的基本元素,包括结构相关的组合和重用元素,这里主要是对SVG的文档结构中剩下的相关元素简单总结一下,感兴趣的朋友可不要错过哦,然后继续向前领略SVG的其他特性
收藏 0 赞 0 分享

HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用

SVG支持多种蒙板特效,使用这些特性,我们可以做出很多很炫的效果,喜欢特效的朋友可不要错过哦。至于中文中把mask叫做
收藏 0 赞 0 分享

HTML5之SVG 2D入门10—滤镜的定义及使用

滤镜称得上是SVG最强大的功能了,它允许你给图形(图形元素和容器元素)添加各种专业软件中才有的滤镜特效,喜欢特效的朋友可千万不要错过啊。希望本对你有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用

SVG拥有良好的用户交互性:SVG能响应大部分的DOM2事件,SVG能通过cursor良好的捕捉用户鼠标的移动等等,感兴趣的朋友可以了解下啊,或许本文对你学习动画有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍

由于SVG是html的元素,所以支持普通的DOM操作,又由于SVG本质上是xml文档,所以也有一种特殊的DOM操作,大多称之为SVG DOM,本文将详细介绍下SVG中的DOM操作,感兴趣的朋友可不要错过哦
收藏 0 赞 0 分享

HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析

到目前为止,SVG与Canvas的主要特性均已经总结完毕了,现在,我们就来比对一下这两种技术,分析一下它们的长处和适用场景,感兴趣的朋友可以了解下哦,或许对你有所帮助
收藏 0 赞 0 分享

突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述

HTML5 中的 Web Worker 可以分为两种不同线程类型,一个是专用线程 Dedicated Worker,一个是共享线程 Shared Worker。两种类型的线程各有不同的用途,感兴趣的朋友可以了解下啊,或许对你有所帮助
收藏 0 赞 0 分享

突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习

在HTML5中,加入了新的地理位置API用来确定和分享地理位置。这一类服务就是企业利用某点(例如用户所在的位置)坐标附近的区域提供服务的信息,比如常见的地图相关服务,本文详细介绍下,感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享

html5指南-3.如何实现html元素拖拽功能

本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙
收藏 0 赞 0 分享

html5指南-2.如何操作document metadata

今天的内容是关于如何操作document对象,一些新手朋友可能对此很陌生,接下来本文详细介绍下,感兴趣的朋友可以了解哦
收藏 0 赞 0 分享

html5指南-1.html5全局属性(html5 global attributes)深入理解

一个元素可以定义自己的属性,比如a标签定义href属性,这种叫局部属性(local attribute)。相对应的我们可以通过全局属性(global attribute)为所有元素设置共有的行为,当然你也可以为单独元素设置全局属性,只是这样做没有太大的意义
收藏 0 赞 0 分享

html5 canvas-1.canvas介绍(hello canvas)

大家都知道,目前并不是所有的浏览器中支持html5,就算是支持html5的浏览器,也不见得支持html5所有的新特性,建议大家使用firefox(开发者的最爱)或者是chrome浏览器,我所有的例子都是基于firefox开发的
收藏 0 赞 0 分享

html5 canvas-2.用canvas制作一个猜字母的小游戏

今天我们要用canvas制作一个猜字母的小游戏,游戏设计很简单,系统会随机从a-z的26个字母中选择一个保存起来,你键盘输入一个字母,系统会提示你正确字符比你当前输入字母小还是大,直到你输入正确的字母游戏才结束,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

几个解决兼容IE6\7\8不支持html5标签的几个方法

html5大行其道的时代已经到来,如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法
收藏 0 赞 0 分享

使用html5+css3来实现slider切换效果告别javascript+css

提到slider,过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式,自己却一直没有动手实现过。好吧,这次我有时间来玩下css3了,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

html5 Canvas画图教程(1)—画图的基本常识

Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图,你必须要有Javascript基础,不多说了,切入正题
收藏 0 赞 0 分享

html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点

在学画画的时候,线条是最基本的了,而线条的连接可以组成任何图形。在Canvas中也是如此,接下来为您详细介绍最简单的线条的画法
收藏 0 赞 0 分享

html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因

上次我们讲到,canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理,以及解决它,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享