`
ldzyz007
  • 浏览: 719512 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

HTML5的<canvas>实用网站

    博客分类:
  • web
阅读更多

1,SketchPad
Sketchpad 是个优秀的 HTML5 应用,帮助我们创建有用的绘图应用,使用JS和canvas元素。Sketchpad 的绘图工具具有丰富的功能。
http://mugtug.com/sketchpad/

2,Canvas Color Cycling
具有下雨、下雪、海浪、烟雾的效果。
http://www.effectgames.com/demos/canvascycle/

3,Music Visualisation with SoundManager2
Jacob Seidelin 创建,使用canvas 元素和SoundManager2创建的音乐可视化演示。
http://www2.nihilogic.dk/labs/canvas_music_visualization/

4,Cloudkick
Cloudkick Viz 使用 canvas 元素来显示云服务器的实时监控信息。
https://www.cloudkick.com/viz/mozilla/

5,Liquid Particles
Daniel Puhe 创建了这个有趣的液体运动粒子演示。只要移动你的鼠标在周围的粒子将跟随光标。
http://spielzeugz.de/html5/liquid-particles.html/

6,iGrapher
iGrapher 是个免费的基于web的金融市场可视化工具,包括股市、汇率和商品市场的图表、分析和预测。
http://igrapher.com/#
分享到:
评论

相关推荐

    Html5 canvas-仿百度贴吧涂鸦画图源码

    通过以上分析,我们可以看到这是一个简单而实用的涂鸦画图程序,不仅展示了HTML5 `&lt;canvas&gt;`元素的强大功能,还结合了CSS和JavaScript实现了良好的用户交互体验。对于初学者来说,该项目是学习HTML5 `&lt;canvas&gt;`应用...

    texiao991_1560680964.zip

    超级实用的html5制作15种数字时钟样式代码 超级实用的html5制作15种数字时钟样式代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;canvas clock&lt;/title&gt; &lt;style type="text/css"&gt; div{ ...

    实用html5标签代码参照表

    `&lt;canvas&gt;`标签是HTML5的一大亮点,提供了一个画布,通过JavaScript可以进行动态图形绘制,从而实现游戏、图表、动画等多种功能。与之相关的还有`&lt;svg&gt;`,用于插入可缩放矢量图形,保持图像在不同分辨率下清晰无损。...

    HTML5实例程序文档,包含一个类百度百科HTML5网页设计+HTML5星空界面+HTML5烟花

    总的来说,这个压缩包提供的HTML5实例程序揭示了HTML5在网页设计中的创新与实用价值,不仅展示了新的结构元素如何提升网页的语义化,还通过`&lt;canvas&gt;`和JavaScript展现了强大的动态图形处理能力。通过学习和研究这些...

    html基础实例

    HTML5引入了许多新特性,例如语义化标签如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;section&gt;、&lt;article&gt;等,增强了网页的可读性和SEO友好性。另外,&lt;canvas&gt;用于绘制图形,&lt;video&gt;和&lt;audio&gt;支持多媒体播放,&lt;localStorage&gt;和...

    HTML 手册 详细版

    HTML5引入了许多新元素,如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;canvas&gt;`(图形绘制)、`&lt;audio&gt;`和`&lt;video&gt;`(媒体播放)、`&lt;details&gt;`(详细信息)以及`&lt;figcaption&gt;`(图例)等,增强了网页的结构和交互性。 十、CSS与...

    一本实用的HTML语言教程

    10. **HTML5新特性**:HTML5引入了许多新元素,如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`、`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`等,强化了语义化。同时,增加了离线存储、拖放功能、画布`&lt;canvas&gt;`、视频`&lt;video&gt;`和音频`...

    canvasarea轻量级HTML容器元素作为一个或多个画布元素的控制器父项

    CanvasArea 是一个专门为 HTML5 的 `&lt;canvas&gt;` 元素设计的轻量级容器组件,它扩展了HTML元素的功能,使其能够有效地管理和控制一个或多个 `&lt;canvas&gt;` 元素。这个组件特别适合于需要进行图像展示、缩放、平移以及交互...

    html标签大全

    此外,HTML5引入了新的标签,如`&lt;video&gt;`和`&lt;audio&gt;`用于嵌入多媒体,`&lt;canvas&gt;`用于图形绘制,`&lt;figure&gt;`和`&lt;figcaption&gt;`用于图片和图注的组合。 总的来说,"html标签大全"是一个非常实用的工具,无论对于初学者...

    Delphi7 编程 100 实例

    ToolBar工具栏控件的使用&lt;br&gt;动态建立主菜单选项&lt;br&gt;窗口界面的动态分隔...Canvas生成渐变色窗口背景&lt;br&gt;WINAPM风格磁化窗口&lt;br&gt;软件封面的图片显示制作&lt;br&gt;实现图片的任意角度旋转&lt;br&gt;奇妙的拼图游戏&lt;br&gt;使用PaintBox...

    HTML帮助文档(已编译)

    6. **HTML5的新特性**:HTML5引入了许多新元素和功能,如&lt;section&gt;、&lt;article&gt;、&lt;header&gt;、&lt;footer&gt;用于更好的语义化,&lt;canvas&gt;用于图形绘制,&lt;video&gt;和&lt;audio&gt;支持多媒体,以及离线存储和拖放功能等。 7. **浏览器...

    一个基于HTML5的Speedtest 开源速度测试(服务器网速)只有9kb的精简汉化.zip

    HTML5引入了许多新元素,如`&lt;canvas&gt;`用于图形绘制,`&lt;video&gt;`和`&lt;audio&gt;`用于多媒体播放,`&lt;svg&gt;`用于矢量图,以及`&lt;webstorage&gt;`和`&lt;webworker&gt;`来提升本地存储和后台处理能力。这些特性使得HTML5在游戏开发、媒体...

    Html语言教程(CHM)

    HTML5引入了许多新元素和功能,如&lt;header&gt;、&lt;footer&gt;、&lt;section&gt;、&lt;article&gt;用于更好的页面布局,&lt;canvas&gt;用于图形绘制,&lt;video&gt;和&lt;audio&gt;支持多媒体播放,&lt;form&gt;元素增加了新的输入类型,如date、email等。...

    HTML手册,内容比较全面

    HTML5引入了许多新元素和API,如语义元素(`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;article&gt;`、`&lt;section&gt;`等),媒体元素(`&lt;audio&gt;`、`&lt;video&gt;`),离线存储(`&lt;application cache&gt;`),拖放功能(`draggable`属性)以及画布...

    HTML帮助文档-清华大学出品的

    11. **HTML5新特性**:HTML5引入了许多新元素,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;`、`&lt;article&gt;`等,增强了语义化,还有`&lt;canvas&gt;`用于图形绘制,`&lt;audio&gt;`和`&lt;video&gt;`用于多媒体播放。 12. **响应式设计**:...

    html帮助文档html帮助文档html帮助文档html帮助文档html帮助文档

    此外,HTML5引入了许多新特性,如`&lt;section&gt;`、`&lt;article&gt;`、`&lt;header&gt;`、`&lt;footer&gt;`等语义化标签,增强了页面结构的可读性和无障碍性。`&lt;canvas&gt;`元素支持动态图形绘制,`&lt;video&gt;`和`&lt;audio&gt;`元素使得在网页中嵌入...

    HTML 语言教程..

    此外,还有`&lt;video&gt;`和`&lt;audio&gt;`用于多媒体,`&lt;canvas&gt;`支持图形绘制,`&lt;input type="date"&gt;`等新输入类型。 13. 响应式设计:HTML5的`&lt;meta name="viewport"&gt;`标签和CSS媒体查询可实现不同设备上的响应式布局,使...

    实用速成HTML教程

    7. **HTML5新特性**:HTML5引入了更多的语义化标签,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;`等,增强了网页内容的结构化,还有`&lt;canvas&gt;`用于画布,`&lt;video&gt;`和`&lt;audio&gt;`支持多媒体播放等。 8. **响应式设计**:在...

Global site tag (gtag.js) - Google Analytics