`
karryxiaomo
  • 浏览: 1006 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS,SVG,VML,HTML5 CANVAS绘制物体

阅读更多
呵呵,没事找点以前自己做的东西发在论坛里面分享分享下!可以对比下,三种技术绘图,SVG,VML技术兼容IE6++所有的浏览器!canvas只兼容现代浏览器,CSS3也是!!
http://smallmo.com/demo/opera/css3.html CSS3版opera logo绘制
http://smallmo.com/demo/opera/svg.html  svg版,vml版opera logo绘制 兼容IE6++所有浏览器
http://smallmo.com/demo/opera/canvas.html  html5 canvas版opera logo绘制

http://smallmo.com/demo/time/css3.html CSS3版时钟绘制
http://smallmo.com/demo/time/svg.html  svg版,vml版时钟绘制 兼容IE6++所有浏览器,这个可以拿去做webQQ兼容里面的时钟。
http://smallmo.com/demo/time/canvas.html  html5 canvas版时钟绘制

http://smallmo.com/demo/google/css3.html CSS3版chorme logo绘制
http://smallmo.com/demo/google/svg.html svg版,vml版chorme logo绘制 兼容IE6++所有浏览器
http://smallmo.com/demo/google/canvas.html html5 canvas版chorme logo绘制

http://smallmo.com/demo/dora/svg.html svg版,vml版多啦A梦绘制 兼容IE6++所有浏览器

http://smallmo.com/demo/gg.html css3 3D旋转木马效果
http://smallmo.com/demo/blog/circle.html svg版旋转效果 兼容IE6++所有浏览器

http://smallmo.com/demo/svg/area.html 简单的区域图报表 兼容IE6++所有浏览器

http://www.smallmo.com/demo/workflow/svg/MyWork/index.html svg版流程模版定制,兼容IE6++ etc..
http://smallmo.com/demo/clip/index.html 载切插件
http://smallmo.com/demo/tmall/index.html 天猫左边导航效果,喜欢的同学可以点击给我留言http://smallmo.com/message/
  • 大小: 53 KB
分享到:
评论

相关推荐

    SVG、CANVAS、VML比较

    然而,CANVAS绘制的图形是像素化的,放大后可能会失真,不具有SVG的可缩放性。 VML(Vector Markup Language)是由Microsoft开发的,主要用于Internet Explorer。VML与HTML兼容,可以在HTML文档中直接嵌入,支持在...

    HTML5 CanvasAPI

    HTML5 Canvas API 是一项强大的技术,它允许在网页中直接绘制图形、图表、图像以及动画。与传统的图像加CSS的方法相比,Canvas API 提供了一种更为灵活和强大的渲染系统,可以动态生成内容,并且能够很好地处理用户...

    利用SVG或VML在网页上实现3D的曲面效果

    在实际项目中,可以结合HTML5的Canvas和WebGL等技术,进一步增强SVG或VML的3D效果。Canvas提供了画布上绘制像素的能力,而WebGL则允许在浏览器中进行硬件加速的3D图形渲染。通过这些技术,可以创建更加丰富和真实的...

    vml柱状图 vml html jquery

    VML是Microsoft提出的一种标准,但随着现代浏览器对SVG和Canvas的支持增强,VML的使用逐渐减少。 在"vml柱状图 vml html jquery"这个主题中,我们主要关注如何使用VML在HTML页面上创建柱状图表,并结合jQuery库来...

    vml+javascript直接在浏览器中绘制动态曲线图实例(源码-+Think+in+vml++vml+极道教程)

    总的来说,这个实例为我们展示了在不支持SVG或Canvas的旧版浏览器中,如何使用VML和JavaScript实现动态曲线图的绘制。虽然现在大多数现代浏览器都支持SVG和Canvas,但在兼容性要求较高的场景下,VML仍然是一个值得...

    在网页中利用VML画图

    它允许开发人员在不支持HTML5 Canvas或SVG(Scalable Vector Graphics)的旧版IE浏览器中实现矢量图形的绘制。在描述中提到的应用场景,例如显示CPU使用率、内存使用率等系统监控图表,VML可以提供一种解决方案来...

    vml资料(资料+例子供大家参考)

    同时,由于HTML5的普及,canvas标签也提供了一种绘制图形的方式,虽然canvas是像素基础而非矢量基础,但它在实时渲染和复杂动态图形方面有其独特优势。 总结来说,VML是历史上的一种矢量图形解决方案,特别是在与...

    VML极道教程(IE打开)

    3. **应用场景**:在CSS3和SVG普及之前,VML常用于需要在IE浏览器上展示高质量图形的场合,如数据可视化、地图应用、复杂的用户界面设计等。 ### 二、VML基本语法 1. **元素声明**:VML使用XML的元素声明方式,...

    canvas帮助文档pdf

    若要在`<canvas>`图形中添加文本,可选择自行绘制并以位图图像形式合并,或在`<canvas>`之上使用CSS定位来叠加HTML文本。 #### 三、示例代码解析 以下是一段简单的`<canvas>`绘图示例代码: ```html function ...

    vml中文教程(适合初学者)

    尽管现在HTML5的Canvas和SVG元素已经更加流行,但对于一些旧系统或者不支持新标准的浏览器,VML仍然有一定的实用价值。本教程针对初学者,旨在帮助你理解VML的基础知识和应用。 一、VML概述 1. VML的起源:VML由...

    VML学习

    VML在Web开发中主要用来替代早期对于矢量图形支持不足的纯HTML和CSS。 在"VML学习"这个主题中,我们可以深入探讨以下几个关键知识点: 1. **VML基础知识**:VML是基于XML的,这意味着它的语法与XML相似,包括元素...

    HTML5高级程序设计_(2).pdf

    Canvas绘制的对象不作为DOM元素存在,这意味着它们不会增加页面的DOM树负担,从而提升性能。同时,基于已有二维绘图API实现Canvas API相对容易,这使得HTML5 Canvas API成为开发者们的首选。 #### 四、Canvas元素...

    反编译的VML绘制统计图代码(C#类)

    为了在网页中显示这些图形,我们还需要将生成的VML代码插入到HTML的`<div>`或者其他容器元素中,并设置正确的CSS样式,确保VML在IE浏览器中生效。此外,考虑到现代浏览器对SVG的支持,我们还可以考虑使用条件注释或...

    在线VML画图工具flashvml2&2

    如果需要兼容性,可以结合使用HTML5的Canvas或者JavaScript库如Fabric.js、Paper.js等。 7. **转换工具**:如果项目中还依赖于VML,可以考虑使用转换工具将VML图形转换为SVG,以适应现代浏览器环境。 了解这些知识...

    js 封装VML的饼图,柱状图,折线图

    在IT行业中,JavaScript是...同时,随着HTML5的普及,现代浏览器对Canvas和SVG的支持越来越强,使用这些技术进行图形绘制已经成为主流。然而,对于仍然需要支持旧版IE的项目,理解JavaScript和VML的结合仍然是必要的。

    IE6支持HTML5

    6. **图形和Canvas**: IE6不支持HTML5的Canvas元素,可以考虑使用VML(Vector Markup Language)作为替代,或者利用ExplorerCanvas库,它使用VML在IE6下模拟Canvas。 7. **SVG支持**: 对于IE6的SVG支持,可以使用...

    vml柱图,饼图,曲线图

    VML,全称为Vector Markup Language,是一种用于在网页上绘制矢量图形的标记语言,尤其在SVG(Scalable Vector Graphics)普及之前,VML在IE浏览器中被广泛使用。在JavaScript中,开发者可以利用VML来创建各种图表,...

    VML的基本概念.docx

    **VML (Vector Markup Language) 简介** VML,全称为矢量标记语言,是由微软在1999年9月随着Internet Explorer 5.0的...然而,由于兼容性和性能上的考虑,现在推荐使用SVG或Canvas等现代技术来实现矢量图形的绘制。

    Google_html5_教材

    - **Canvas**:HTML5 引入了 `<canvas>` 元素,允许开发者直接在网页上绘制图形。在此之前,实现类似功能通常依赖于 VML、Flash 或 Silverlight。 - **SVG**:Scalable Vector Graphics (SVG) 是一种基于 XML 的矢量...

    vml实现图表

    它在HTML中提供了绘制2D图形的能力,特别是在IE浏览器中,因为SVG(Scalable Vector Graphics)在较旧版本的IE中不受支持时,VML成为了绘制矢量图形的重要选择。在"vml实现超漂亮的3d图表效果"这个主题中,我们将...

Global site tag (gtag.js) - Google Analytics