位置:首页 » 技术 » 利用JS代码在网页上绘图,该怎么处理

利用JS代码在网页上绘图,该怎么处理

日期:2013-06-30 阅读:0num
Advertisement

利用JS代码在网页上绘图
目前我学习制作一个利用C#浏览器控件,通过代码和网页中的JS代码交互,使得网页上动态绘制图形。
主要只用画出简单的点,线段即可。
我之前了解到,利用html5的canvas可以实现该功能,如moveto lineto,
但是我发现canvas必须使用IE9以上才可以,
我想用使用更低版本的浏览器也可以兼容,
所以想请问有没有其他方法实现我所说的功能。

分享到:

------解决方案--------------------
如果只需要支持IE浏览器的话,建议采用VML,绝对满足你的需求,VML教程资料:
http://www.itlearner.com/code/vml/

如果还需要兼容其他浏览器,用Raphael,Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。方便简单,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。

ExtJs 是个重量级的ajax框架,如果只画点、线、圆、矩形等的话有点浪费哦

相关文章
  • 利用JS代码在网页上绘图,该怎么处理

    利用JS代码在网页上绘图 目前我学习制作一个利用C#浏览器控件,通过代码和网页中的JS代码交互,使得网页上动态绘制图形. 主要只用画出简单的点,线段即可. 我之前了解到,利用html5的canvas可以实现该功能,如moveto lineto, 但是我发现canvas必须使用IE9以上才可以, 我想用使用更低版本的浏览器也可以兼容, 所以想请问有没有其他方法实现我所说的功能. 分享到: ------解决方案-------------------- 如果只需要支持IE浏览器的话,建议采用VML,绝

  • 利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

    这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域.需要的朋友可以过来参考下,希望对大家有所帮助 原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 代码如下: <script type="text/javascript"> var nodeList = document.getElementsByTagName("input"); for (var i = 0; i < no

  • js实现在网页上简单显示时间的方法

    这篇文章主要介绍了js实现在网页上简单显示时间的方法,实例分析了javascript实时显示时间的技巧,需要的朋友可以参考下 本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

  • js实现在网页上简单显示时间的方法教程

    本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

  • VC中将控件保存成图片&amp;&amp;VC中利用GDI+在控件上绘图,把图像保存成图片

    一.VC中将控件保存成图片 /*** *函数功能:将VC中将控件保存成图片 * ***/ void OnBtnPRINT() { // TODO: Add your control notification handler code here CClientDC SHDC(m_graph.GetDlgItem(IDC_CWG));//CClientDC中传递的参数为控件CWnd指针:如果打印的图片是当前控件对象,其参数为this CDC memDC; CRect rect; m_graph.Ge

  • 用PHP代码在网页上生成图片 用PHP代码在网页上生成图片

    这篇文章主要介绍了用PHP代码在网页上生成图片的方法和实例,十分的简单实用,有需要的小伙伴可以参考下. 代码很简单,这里就不多废话了, ? 1 2 3 4 5 6 7 8 9 10 11 12 <?php /** * Created by PhpStorm. * User: Administrator * Date: 2015/6/29 * Time: 21:25 */ header('Content-type:image/png');//设置mime type $img = imagecrea

  • 运行此js时提示网页上有异常,请教错在哪里

    运行此js时提示网页上有错误,请问错在哪里? <script language= "javascript " type= "text/javascript "> function page(value){ var $s = location.search; var $t; if ( value > 0) { $s.indexOf( "page= ") > 0 ? $t = $s.replace(/page=([0-9]{0

  • JS实现的网页上的颜色拾色器

    使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便. 颜色拾色器 红 绿 蓝 灰 用鼠标单击下面的颜色块,将弹出颜色值 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 急一段JS代码在IE上总是执行异常,但在FF和Chrome上执行正常,求大神们指点,看看小弟我错那了

    急急急~~一段JS代码在IE下总是执行错误,但在FF和Chrome下执行正常,求大神们指点,看看我错那了. JS代码: JScript code var lis=document.getElementsByTagName("li"); function Change(obj){ for(var i=1;i<lis.length;i++){ if(lis[i].onmouseover==null && lis[i].onmouseout==null){ lis[i]

  • jquery实现自动登录12306的js代码,firefox上(转)

    jquery实现自动登录12306的js代码,firefox下(转) 改一下登录按钮的onclick函数即可: 1 firefox安装firebug. 2 右键点击登录按钮,选择"查看元素",将按钮的onclick函数改为以下代码: var b=1;while(b==1){$.ajax({url:'loginAction.do?method=loginAysnSuggest',type:'POST',dataType:'json',async:false,success:functio

  • 高手能不能用vbButtonFace来表示网页颜色,也可以加JS代码,该怎么解决

    高手能不能用vbButtonFace来表示网页颜色,也可以加JS代码 就是说网页颜色能不能和系统窗体的默认颜色相匹配,有办法实现吗? ------解决方案-------------------- html 代码中有一些系统颜色常量. 比如:window.windowtext.scrollbar.buttonface 等等. ------解决方案-------------------- 探讨 我试过在网页中直接设置颜色为"vbButtonFace",但是HTML代码好像不识别这个&quo

  • 复原网站上压缩的js代码 复原网站上压缩的js代码

    还原网站上压缩的js代码 还原网站上压缩的js代码 我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样 这种代码浏览器能读懂,但正常人是没法阅读的. 既然浏览器能读,浏览器当然也能还原这段代码. 其实很简单.这里我使用的是chrome浏览器,也就是谷歌浏览器. 1.快捷键 F12,打开浏览器开发工具,在浏览器开发工具栏,点击scripts选项栏 2.然后在js选项框找到你想要还原的已加密的js. 3.点击下面的{}按钮.看下图 其实{}按钮是格式化按钮,点击之后这

  • 从JS代码来建设网站用户体验度 从JS代码来建设网站用户体验度

    在今天早上跟一个资深的老站长探讨了最新的网站优化形式及网站用户体验度的最新建设规则,下午小编就把今天探讨得出来的结论给大家做一个相关的总结来分享给大家! 如今的优化可谓是越来越正规,优化这个行业的竞争也是越来越激烈了.那么百度最近最注重的就是网站的用户体验度了,根据一些知名的SEO培训专家所总结而来的经验说明,网站的关键词排名在前二十名进入到前三,再而到网站后期排名的稳定和巩固都是要靠着用户体验度的.那么是什么是用户体验度呢? 用户体验度从根本意义上来说就是当我们的网站有用户来访问的时候,用户是

  • Google爬虫:不仅索引链接 还可以运行js代码 Google爬虫:不仅索引链接 还可以运行js代码

    一直以来Google的搜索爬虫就具有阅读JavaScript代码的功能,但是多年以来我们一直都不清楚Google的爬虫是否真正理解了其正在抓取的东西或者说它仅仅只是在易于理解的数据结构中对各种链接进行呆板的检索.本周五,一位Google的发言人向<福布斯>确认Google所作的远远超过对js代码的简单分析.这位发言人表示:"Google能够分析并理解某些JavaScript". Google的表述让我们意识到其爬虫所作的工作也许不仅仅只是获得对页面的相关链接,还能够像人一样

  • js代码从页面移植到文件中失效或js代码修改后不起作用的解决方法

    js代码从页面移植到文件中失效或js代码修改后不起作用的解决办法 最近在做关于网站的项目,总是发生这样的问题 写的javascript代码在页面上没有问题,但是将js代码移植到.js的文件中,在页面上进行调用,总是出现失效等错误 另外修改后的js代码,重新刷新网页仍然不起作用 经过大量搜索并经过验证,可以用下面方法来解决 将js代码封装到js文件中失效的原因可能是js文件中存在中文注释,导致在执行的时候中断,在js文件尽量不要写中文注释 修改后的js代码刷新网页后不起效果可能是因为你所用的浏览器

  • 纯JavaScript代码实现移动设备绘图解锁 纯JavaScript代码实现移动设备绘图解锁

    移动手机设备上有一个屏幕解锁的应用相信大家都不陌生,在移动设备上,用户可以通过设置锁定图案作为密码对设备用户界面进行锁定,锁定界面如下图所示. 效果图如下所示 JavaScript Code <script> $("#gesturepwd").GesturePasswd({ backgroundColor:"#2980B9", //背景色 color:"#FFFFFF", //主要的控件颜色 roundRadii:50, //大圆点的

  • 设为主页跟收藏网址js代码

    设为主页和收藏网址js代码 关闭网页时弹出设为主页对话框代码: 复制代码 <BODY id=iehomepage onunload="iehomepage.style.behavior='url(#default#homepage)';if(!(iehomepage.isHomePage('http://www.alioooo.com')))iehomepage.setHomePage('http://www.alioooo.com');"> 打开网页弹出设为主页对话框代码

  • 请给看段div+js代码,该怎么处理

    请给看段div+js代码 以下网页中有5个div,各显示不同内容 想达到的目标,每一秒显示一个不同的div 问题:为什么我存html里看不到预期效果? 请大手给改下,弄了很长时间了 <head> <style> div{ width:100px; height:100px; border:1px solid #000; display:none;} </style> </head> <body> <div id="div1&quo

  • 各位一小段JS代码,火狐下不能运行郁闷

    求助各位一小段JS代码,火狐上不能运行郁闷 <body><span id="content"> <input type="input" id="notnull" aaa="haha" /></span></body> <script language="javascript"> var chils = document.getEleme

  • 网页上播放mp3或flash的js代码

    本文章来介绍利用object实现可控制的网页上播放mp3的js代码,有需要的朋友可参考. 先来介绍media player控制,对应控件 <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" 后面我们会有讲到. 例1 代码如下 复制代码 <object id="player1" type="application/x-oleobject" height="3

最新文章
  • v2ex 服务器搬回国内,国外的网络为何可以不受影响?

    按理说,某个东西应该是双向的吧?出不去进不来. 那么为何在国外访问v2ex依旧正常呢? --cut-- oott123在2015-04-20 12:22:4回答到: 国外也有服务器呗 ipconfiger在2015-04-20 12:23:4回答到: 国内服务器和国外服务器之间可以内部VPN wzxjohn在2015-04-20 12:24:0回答到: 看来楼主对某个东西的认识还是严重不足啊...按你的理说国外是不是应该百度淘宝优酷啥的都打不开才对啊... Puteulanus在2015-04-

  • 中关村“卫士”:信息安全强国梦 中关村“卫士”:信息安全强国梦

    随着信息技术日新月异的高速发展,信息安全问题已成为越来越多人所关注的重点.大到国家军事.政治等机密安全,小到防范商业企业机密泄露.网络金融安全.个人信息的泄露等,信息安全已与我们的生活息息相关. 在中关村,有这么一群人,有些被人所熟知.有些默默无名,但他们却拥有着一个共同的梦想--为我国信息安全奉献出自己的一份力量. 海科融通副总经理 崔毅龙 "安全支付通天下" 1996年,崔毅龙第一次接触到互联网就对其产生了浓浓的兴趣,也因此在两年后填报高考志愿时,他毫不犹豫地选择了"北京

  • 百度之夜:给站长一个更加开放的百度 百度之夜:给站长一个更加开放的百度

    4月14日,一年一度搜索分享会MADCon在厦门举办,当晚,百度站长平台召开高端沙龙,由SEO圈知名人士Zac.渠成.柳焕斌,爱站网创始人郑志平,站长之家主编叶开圆组成的行业专家团,与以百度搜索技术总监王闯带队的百度Lee专家团,畅聊百度站长平台将在PC和移动搜索上的新举措,同时,百度Lee专家团悉心听取了在场专家和站长们的建议以及意见,最后王闯站在技术角度承诺站长,会为站长打造一个更加开放的百度站长平台. 站无虚席的百度之夜现场 站长平台链接站长与服务 沙龙中第一个主题是"搜索引擎如何链接人与

  • 店铺构架之店招制作注意事项与店铺首页设计

  • 网游巨头手游圈地战:恺英网络自研发行两条腿走路

    手机游戏作为移动互联网领域变现最强的分支,成为各网游巨头们新的战略方向和资本市场的香饽饽,数据显示,今年上半年中国游戏市场销售收入496 .2亿元,同比增长46 .4%:其中,手游营收125 .2亿元,同比增长394 .9%.另外,据IDC近期预测,2018年中国移动游戏市场规模将接近1000亿(937.8亿).手游市场无论是从规模还是增速,都超乎想象. 进入2014年,手游市场随着大佬们的持续发力,除了产品精品化的趋势越来越明显,越来越多的小作坊创业团队逐渐出局,包括用户.收入.流量都呈现出向

  • Windows 2003域服务器在迁移过程中的设置

    我们现在要搬到另一个大楼,而他们使用的是不同的子网络,这样一来我们不得不更改Windows 2003域控制器主机名.IP地址以及所有域成员名和他们的IP地址.而域名及DNS设置都不打算改变.是否有简单的方法能完成,而不用丢失现在的成员域文件? 没有简单的方法.我建议分两个阶段完成,如果可能的话:更改名字及IP地址.在搬走前就要更改名字.遇到问题是很自然的,但在开始搬运前做更改,解决问题就更容易,因为要考虑的因素较少.具体指导可参考Server 2003帮助文件. 如果你目前使用的是DHCP(网络

  • Ubuntu下允许Root用户直接登录图形界面

    ubuntu root是默认禁用了,不允许用root登陆,所以先要设置root密码. 执行:sudo passwd root 接着输入密码和root密码,重复密码.再重新启动就可以用root登陆. 另外,默认情况下是不允许用root帐号直接登陆图形界面的. 这可以通过修改/etc/gdm/gdm.conf文件来允许root直接登陆,在该文件中,修改其中的AllowRoot=false变成AllowRoot=true重启就可以了

  • 浅谈优化页面代码时应注意哪些细节

    龙年开始之后,百度有了很大的改变,它越来越重视网站内部的因素,尤其是页面细节上的处理,在页面很多的参数上即使只有小小的优势都可能会对页面关键词的排名产生非常大的帮助,网站页面细节的优化开始成为现在Seo的核心工作. 那么你是不是了解页面细节的优化工作呢?一说到页面细节的优化,可能很多人就想到了页面关键词的堆砌和三大标签的书写这两个很基础的工作,但事实是现在百度对于这2点上的敏感度越来越弱,只是做这样的两个工作是不会给页面得分带来多少帮助的.其实除了这2点之外,页面的优化还有很多需要去做的工作:

  • 霸气个性的说说短语大全2015

    天塌下来,记住有我.陪你看天崩地裂.天塌下来,记住有你.陪我看地动山摇 1.偶尔好想有个人可以照顾我不嫌弃我的家庭背景不嫌弃我身材不好 2.33.再不来打我,我就放学了. 3.你可知你是我青春年少时义无反顾不掺任何虚假喜欢上的人. 4.彼此放生彼此留下活口. 5.疯婆娘们,说好的一辈子别忘了. 6.来不及遗忘,来不及细数.眉毛这么短,思念这么长. 7.世界之大我却融不进去,在自己的世界中独自徘徊 8.我就是那种即使在心里千万遍的念着某个人想他想得快死掉了也绝对不会主动的傲娇逼. 9.不要说我胖我

  • oracle数据库导入导出命令

    oracle数据库导入导出命令! Oracle数据导入导出imp/exp 功能:Oracle数据导入导出imp/exp就相当与oracle数据还原与备份. 大多情况都可以用Oracle数据导入导出完成数据的备份和还原(不会造成数据的丢失). Oracle有个好处,虽然你的电脑不是服务器,但是你装了oracle客户端,并建立了连接 (通过Net Configuration Assistant添加正确的服务命名,其实你可以想成是客户端与服务器端 修了条路,然后数据就可以被拉过来了) 这样你可以把数据

热门推荐
  • “孵化器”去库存调查:红利与盈利困境 “孵化器”去库存调查:红利与盈利困境 导读 业内人士告诉21世纪经济报道记者,土地以孵化器之名批下来以后,后期的监管很薄弱.2015年成为了孵化器行业爆发增长的一年.各地政府对众创空间的优惠政策,给了孵化器一个快速蔓延的机会. 本报记者 吴燕雨 北京.深圳报道 反复思考后,乔会君拒绝了地方政府抛出的橄榄枝. 去年9月,某地方区政府邀请洪泰智能硬件孵化器(以下简称"洪泰A+Labs")在当地落地,承诺以高于租金的补贴.提供一栋面积约2万平的大楼. 根据政府提供的资源,几万平的场地能建一个足够大型的孵化器.但他很清楚,以当地的
  • 网站用户体验中的可用性和易用性 网站用户体验中的可用性和易用性 网站的用户体验中常常提及usability这个词,它既被译做可用性也被译作易用性.usability是衡量网站用户体验的重要质量指标. 设计成功的网站可以让使用者在浏览的过程中不会产生压力感挫折感,符合使用者的习惯和需求,使用网站功能时容易上手并且效率很高. 要做到这一点的话,在设计网站的最初就要对网站的功能进行梳理,增加对使用者的需求和行为习惯的分析,形成用户角色的模型.同时在网站的制作过程中要不断用设定好的用户角色来检验交互过程中是否存在的问题,及时修正,同时要善于发掘用户隐藏着的行为习惯,
  • iOS8.2费电该如何解决? iOS8.2费电该如何解决? 前几日,苹果官方正式推送了iOS8.2正式版,在此次的更新中,苹果号称是修补了很多漏洞,包括之前的耗电现象,此次更新主要就是修复优化,从这方面讲,这是苹果公司迄今为止更新最勤快的iOS版本了.针对新系统,如今有很多果粉们想知道iOS8.2费电吗,如果费电该如何解决呢?对于绝大多数的果粉们而言,耗电是大家共同的头疼问题. [iOS8.2费电该如何解决] 很多网友在更新了iOS8.2之后,会觉得手机比以前耗电速度更快了,有时候一分钟就下降了2%的电量,这是什么原因引起的呢?iOS8.2耗电的主要原因
  • 单反课堂-拍摄出色低角度照片的7个技巧 单反课堂-拍摄出色低角度照片的7个技巧 低角度拍摄,可以让我们从不同的角度观察世界.我们大部分人在生活中,都从差不多的角度看待周围环境,很少会放下身姿.但那里有着另一个世界.更换一下角度,就能让乏味少变的景色变得新鲜而生动,只是要注意正确的方法.本文就向大家介绍7个拍摄出色低角度照片的技巧. 拍摄低角度照片技巧 注意:虽然简单地向上拍摄也算低角度照片,但这里我说的是要把你的相机放低. 忘记取景器 从低角度拍摄,首先就要接受大部分时间无法使用取景器的问题.很多这类照片的拍摄角度都低到只有青蛙才看得到取景器.如果你的相机有可旋转的LCD屏
  • 被忽视的重要角色:360搜索优化值得关注 被忽视的重要角色:360搜索优化值得关注 从360搜索推出的那天起,就获得了无数的关注,大家更多的是从技术层面或者市场角度讨论360是不是会成为第2个百度,360如何和百度抗衡如果使用各种方法增进市场份额等等. 作为草根站长的一员,我更愿意关注360搜索为我们的网站带来了什么,的确你可以去讨论360的技术如何不好,但是它的确为我们的网站带来了流量,并且是不可小觑的一个数据,这个数据还在增长,因为360的市场份额已经增长到快20%了,我想每一个站长都可以通过自己的网站统计数据看到360搜索正在快速增长的流量来源! 360市场最新份额图: