微信群签到小程序_JS页面动态绘图东西SVG,Canv

发布时间:2021-01-05 10:26 作者:jianzhan

摘要: JS网页页面动态性制图专用工具SVG,Canvas,VML介介绍 本文关键详细介绍了JS网页页面动态性制图专用工具SVG,Canvas,VML介介绍,原文中根据实例编码详细介绍的十分详尽,对大伙儿的

JS页面动态绘图工具SVG,Canvas,VML介简介       这篇文章主要介绍了JS页面动态绘图工具SVG,Canvas,VML介简介,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

说到绘图、报表之类的技术,大家首先想到的就是Flex,当然也有许多了解javaapplet,对于这两种技术来说,各有利弊。
首先Flex很笨重,但是其效果实在让人喜欢。对于javaapplet来说,至少我在网络上很少看到,当然对于我们做开发的来说在我们的开发工具或者内部网络上还是有一些的。

<上去看一下效果。

如果你已经在网络上看了一会了我们可以继续来聊一下Web中JS绘图的内容。

工具插件满天飞,你也可以看到对于JS绘图的支持来说,JQuery和EXT都没有放松,特别是基于JQuery的插件不尽其数。
可是我要说的不是这些工具插件,我主要想说一下浏览器对于绘图的支持方面。也许你会发现,某些绘图插件并不能支持所有浏览器,这是怎么回事呢?

对于JS图形方面的支持,主要关注三个词:SVG,VML,CANVAS。

对于SVG

可缩放矢量图形(Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。2008年12月22日,SVG Tiny 1.2成为W3C的推荐标准,W3C目前正在研究制定SVG 1.2版本。

由于SVG文件可嵌入JavaScript(严格地说,应该是ECMAScript)脚本来控制SVG对象,所以在进行Web中JS绘图时算是考虑的一种。

但是,SVG还是面临一些问题的。SVG面临的主要问题一个是如何和已经占有重要市场份额的矢量图形格式Adobe Flash竞争的问题,另一个问题就是SVG的本地运行环境下的厂家支持程度。

浏览器支持情况:

对于浏览器支持方面,Mozilla Firefox自版本1.5发行后,即开始支援SVG格式的显示,Opera 8.0 版开始支援显示Tiny 1.1规格的SVG,Google Explorer 8. Explorer 9.0版开始支援SVG。也就是说,市场占有率最大的IE到目前为止才刚刚开始支持,就是说普通人使用的IE浏览器是不能使用的,而且对于支持程度来说,对SVG支持最好的浏览器是Opera,它支持大多数的SVG特性,其他浏览器不能支持一些属性。难道我们给客户说你必须安装Opera浏览器?

来看一个SVG的绘图效果:

对于Canvas

Canvas元素是HTML5的一部分,允许脚本动态渲染位图像。最初由苹果公司内部使用,后来才有人组建议为下一代的网络技术使用该元素。
对于该元素,首先来说的就是浏览器支持方面。Firefox,Safari和Opera9都支持canvas tag,canvas用来绘制2D图形。但是IE不支持canvas。Google就开发了excanvas,模拟canvas在其他浏览器的状态。
excanvas目前版本为excanvas_r3,还有许多Bug,另外在IE上使用效率绝对是个问题,因为excanvas其实是使用IE中VML来实现canvas效果的。

看一下Demo中绘图效果:

对于VML

VML的全称是Vector Markup Language(矢量可标记语言),矢量的图形,意味着图形可以任意放大缩小而不损失图形的质量,这在制作地图上有很大用途。但是VML只是被IE支持。

来看一个VML的绘图效果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


  • 为什么要定制网站,有哪

    一个网站公账司、政府部门单位或其他公司的作用和具体实际意义并不是言而喻的。许多企业全是有本身的网站,一些是模板类网站,一些是技术专业定制网站,这二诸多类网站的作用

  • 想做一个高级一点的网站

    有文学类家提到:人一生的运程都藏在四个字里——让人舒心。它有一股奇特的动能,可以变更事儿的运程。今天重要谈相关怎样选网站建设公司的事情,跟让人舒心有紧密联系关系。

  • 想要招募海内外科研人才

    自然科学研究科学研究网站>无论您有什么样的招聘规定,自然初新员工入职场都能为您精确消息推送多种多样多种多样化、高层住宅住房次的国际性性出色优秀人才。房屋朝向全球的科

  • 重新制作网站还是改版网

    企业网站本来请互联网企业做了seo提升,因为企业原来的营销推广型网站的页面不足精致等,想再次做一个网站,可是仿佛听闻再次做一个网站,就得再次从头开始做SEO提升!倘若在原

  • 你吃自助餐最赚的一次经

    镜像系统难题: 你吃自助式餐最亏的一次亲身经历是啥状况?

    觉得这类回应假如一本正儿八经回应就很搞笑幽默了。 最先它是江西省南昌市第一家自助式烤肉。 更是各种团购价网