使用html5绘制比较复杂的图形!–带角的圆形

使用html5绘制比较复杂的图形!–带角的圆形!~ 看着还是挺不错的 输入代码: ——————————————————————̵...

使用html5画出地球月球和太阳之间的环绕关系

本文主要是描述了使用html5画出地球月球和太阳之间的环绕关系,其实他们比较简单,主要是通过旋转来控制各个之间的环绕关系!~ 输入代码,里面有注释: —————————————R...

Canvas globalCompositeOperation的使用和浏览器兼容性测试

Canvas里的globalCompositeOperation是个很少用到的函数,不太熟悉程序绘图的同学们估计压根都不知道这玩意是干什么的. 简单来说,Composite(组合),就是对你在绘图中,后绘制的图形与先绘制的图形之间的组合显示效果,比如在国画中,你先画一笔红色,再来一笔绿...

Html5实现的超强鼠标跟随效果

Html5实现的超强鼠标跟随效果,网上下载的,看着还是挺高级的,我就不弄源代码了!~ http://www.cangzhang.com/wp-content/uploads/2012/08/gaojidianji.htm

超级绚丽的html5的页面

超级绚丽的html5的页面 ——————————————————————————————̵...

在客户端存储数据的例子

HTML5 提供了两种在客户端存储数据的新方法: localStorage – 没有时间限制的数据存储 sessionStorage – 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来...

写一个简单的html5的程序–html5音频播放

写一个简单的html5的程序–html5音频播放!~ 请用支持的浏览器打开 <!DOCTYPE HTML> <html> <body> <audio controls=”controls”> <source src=”naxienian.ogg” type=”audio/ogg”>...

通过html5来绘一棵简单的树!~(填充样式之后)

通过html5来绘一棵简单的树!~(填充样式之后) <!DOCTYPE HTML> <html> <head> <title>canvas的宽和高的测试1</title> <script> function draw(){ var canvas=document.getElementById(“my”); var conte...

通过html5来绘一棵简单的树!~(增加样式之后)

在上一篇文章中,我们画出了一棵简单的树,但是我们看到颜色都是黑色,能不能改变呢?其实是可以的,canvas里面有一些控制的样式的方法 ,现在我们就来试一试!~ 输入代码: <!DOCTYPE HTML> <html> <head> <title>canvas的宽和高...

通过html5来绘一棵简单的树!~

通过html5来绘一棵简单的树!~熟悉使用前面的知识!~ <!DOCTYPE HTML> <html> <head> <title>canvas的宽和高的测试1</title> <script> function draw(){ var canvas=document.getElementById(“my”); var ...

html5离线应用的实例演示–输出hello

我们现在就开始来写一个关于html5离线应用的实例!~ 1.启动php的运行环境(本人装的是wamp集成环境) 2.新建一个项目。项目的目录结构式: 3.看看里面的配置文件 ————————————R...

html5中translate的使用

translate是采用变换的方式来改变图片,也就是移动整个上下文的位置,比如你把画笔moveTo(0,0),但是你使用translate(-10,20)的话,他的意思就是把你的画笔向x反方向移动10,向y移动20 输入代码: ————————...

html5简单的实例–画两条交叉线

在前面的文章中,我们已经学习了什么是canvas,怎么获得context,以及在canvas中怎么设置它的宽和高,以及canvas的宽和高和在style里面设置的宽和高是不一样的!~ 现在我们就来同过html5画一个交叉的线!~ 输入代码: —————...

html5中canvas的宽和高的测试

今天我在弄个html5的时候,发现,我已经在style里面设置了宽和高,但是当我输出canvas的 宽和高的时候,还是原来的默认的300px;和150px; ———————————————R...

Top