搜索列表
-
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
【html5】SVG存在两套坐标系统:视窗坐标系与用户坐标系。默认情况下,用户坐标系与视窗坐标系的点是一一对应的,记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊,或许对你有所帮助
SVG2D坐标变换 -
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
【html5】SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件,尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可以了解下,或许有所帮助
SVG2D文本图像 -
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
【html5】SVG提供了很多的基本形状,这些元素可以直接使用,这一点比canvas好多了,在这里就不多说了,感兴趣的朋友可以了解下,或许本文对你的了解SVG的图形绘制有所帮助
SVG2D图形绘制 -
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
【html5】本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤:获取当前地理位置、调用Google Map API获取当前位置信息
Geolocation地理位置 -
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
【html5】canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆,使用arc画圆,然后把他缩放成一个椭圆,使用贝赛尔曲线bezie
canvas画椭圆形arc -
html5构建触屏网站之touch事件介绍
【html5】手机上的大部分交互都是通过touch来实现的,于是,对于触屏的交互式网站,触摸事件是相当重要的,这里我们介绍几种普及得比较好的触摸事件,你可以在绝大多数现代浏览器中来测试这一事件必须是触屏设备哦,感兴趣的朋友可以了解下哦
触屏网站touch事件 -
设计引导--一个鸭子游戏引发的设计理念(多态,继承,抽象,接口,策略者模式)
【其它综合】设计引导--一个鸭子游戏引发的设计多态,继承,抽象,接口,策略者模式;这篇博文是从实际生活中,提炼出来的设计理念,它现在是骨架,现在我加以代码实例,完成程序的血肉,以求让大家活生生的体会设计中的精髓
多态继承抽象 -
impress.js表现层框架(演示工具)-初体验
【心得技巧】impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具),现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放,任
impressimpress用法演示工具 -
Photoshop合成制作恐怖的魔鬼新娘
【合成特效】第一眼看上去都会被这化装浓装,眼神空洞的鬼新娘吓一条,着实得感谢作者能有这么好心态制作出这么恐怖的教程。教程步骤是用素材合成,然后再调色,最后完成效果
恐怖魔鬼新娘 -
photoshop cs6制作燃烧火焰文字gif动画教程
【文字特效】我觉得这节课学静态比较好,只是我的教程讲的是动态。没办法,我又想讲这个效果,那我们凑合做一个动态的燃烧文字吧。
燃烧火焰文字 -
html5之Canvas路径绘图、坐标变换应用实例
【html5】本文写一个html5的时钟应用程序试手主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及html5 Canvas的路径绘图,beginPath,closePath,rect,arc等多的也不说了,直接上代码有需要的朋友可以参考下
Canvas路径绘图坐标变换 -
html5-Canvas可以在web中绘制各种图形
【html5】在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形,而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图
Canvas绘图