欢迎光临
我们一直在努力

JS页面动态绘图工具SVG、Canvas、VML介绍

如何提高SEO优化技术

百度搜索引擎更注重外部链接域名的多样性和质量,而不仅仅是总数。建议换更多优质的朋友链。这样的外部联系总是合理的。

摘要:本文主要介绍JS页面动态绘制工具SVG,Canvas,VML的介绍,通过示例代码详细介绍,对大家的学习或工作有一定的参考学习价值,有需要的朋友可以参考

说到绘图、报表等技术,Flex是人们首先想到的。当然也有很多人知道javaapplet。对于这两种技术,各有利弊。

首先Flex很重,但是效果真的很过瘾。至于javaapplet,至少我在网上很少看到,但是我们的开发工具上或者我们的开发人员的内部网络上还是有的。

事实上,在网上画画还有很多选择。你可以在Google上搜索JS绘图,会有很多绘图工具供你使用,功能非常强大。比如maxGraph,你可以去http://www.jgraph.com/mxgraph.html看看效果。

如果你在网上看了一段时间,我们可以继续在网上谈论JS绘图。

工具插件满天飞,可以看到JQuery和EXT在支持JS绘图上并不轻松,尤其是基于JQuery的插件不多。

但是我不想说这些工具插件。主要想说一下浏览器对绘图的支持。也许你会发现有些画图插件并不能支持所有浏览器。这是怎么回事?

对于JS图形支持,我们主要关注三个词:SVG、VML、CANVAS。

对于SVG

可伸缩矢量图形(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版开始支持Tiny 1.1规范的SVG显示,Google Chrome和Safari都支持SVG显示,微软的Internet Explorer 8.0版直到9.0版才开始支持SVG。也就是说,市场份额最大的IE到目前为止才刚刚开始支持,也就是说普通人用的IE浏览器是不能用的,从支持度来说,支持大部分SVG特性的Opera是不能支持其他浏览器的某些属性的。我们有没有告诉客户一定要安装Opera浏览器?

seo网站优化了解用户需求的基础是什么

做SEO不是一个猛字,而是SEO能带来多大的流量。比如我有5万个关键词,2万个关键词有排名,我每天给网站带来10万的流量。这是一个非常强大的SEO。一个词的排名不重要。关键是会不会带来流量。

看一个SVG的绘制效果:

对于Canvas

Canvas元素是HTML5的一部分,它允许脚本动态呈现位图像。最初是苹果内部使用的,后来有人建议这个元素应该用于下一代网络技术。

对于这个元素,首先是浏览器支持。火狐、Safari、Opera9都支持canvas标签,canvas用于绘制2D图形。但是IE不支持画布。Google开发了excanvas来模拟画布在其他浏览器中的状态。

excanvas现在的版本是excanvas_r3,还有很多bug。另外,IE中的使用效率肯定是个问题,因为excanvas实际上是在IE中使用VML来达到画布效果。

看演示中的绘图效果:

对于VML

VML的全称是矢量标记语言。矢量图形是指在不损失图形质量的情况下,可以随意放大缩小图形,在制作地图时有很大的用处。但是VML只有IE支持。

看看VML的绘画效果:

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

来源:剧本之家

链接:https://www.jb51.net/article/197574.htm

申请创业报告,分享创业好点子。探讨创业新机遇!

如何利用SEO优化技术布局好网站

网站负责人简单,可以简化。一般情况下,企业的logo和名称放在后面,后面是联系方式(注意:联系方式一定要放在网站页面的open _ screen上,方便用户咨询),这样才能整理发布最多的蜘蛛池。

赞(0) 打赏
未经允许不得转载:斯凯创业 » JS页面动态绘图工具SVG、Canvas、VML介绍
分享到: 更多 (0)