位置:首页 » 技术 » 利用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

最新文章
  • 女学生短发怎样扎 女学生短发怎样扎

    女学生短发怎样扎 校园短发女生扎发图解1 第一步:梳着斜刘海齐肩直发内扣梨花头短发的校园女生,扎头发之前要用梳子将头发梳理通顺哟,然后准备好小皮筋和发卡.如图所示. 校园短发女生扎发图解2 第二步:因为斜刘海短直发内扣梨花头有点过于简约,所以扎发之前,女生可以用家里的电卷棒将上面的直发烫成向内的卷发,让服帖的发丝变得蓬松起来,这样扎出来的发型才够立体有型呢.如图所示. 校园短发女生扎发图解3 第三步:短发全部烫后之后,将斜刘海与头顶靠前的短发用手拉出来,在头顶靠后一点的位置扎成倾斜点的耸立小马尾

  • 新型水滴状度假胜地 神奇功能或变空气为水 新型水滴状度假胜地 神奇功能或变空气为水

    据媒体报道,让人耳目一新的度假胜地,它不但拥有个性的水滴形状外形,还能利用太阳能神奇的将空气转化成水.水滴创意型建筑令人耳目一新,希望出现更多类似的环保.科技.创新型的建筑物. 据悉,这座水滴状建筑巧妙的将大自然和科技融为一体,建筑南面外层是由光电玻璃组成,这不仅能够使阳光充分的照射进建筑内部,还能让光电玻璃"操纵"太阳能.建筑的北面则为个性的格状设计,这样能保持建筑中的空气顺畅流通.同时,建筑中的高科技Teex Micron设备能够魔术般的将空气转化成纯净的饮用水. 该水滴建筑专设在

  • 胡萝卜肉丁面的做法 胡萝卜肉丁面的做法

    原料: 洋葱半个.猪肉250克.胡萝卜一个. 调料: 豆豉30克.生抽30克.油50克. 做法: 1.所有蔬菜切成丁(肥瘦肉分开切丁). 2.锅中放油,油热后,倒入洋葱和肥肉末. 3.小火炸至洋葱水份干,有洋葱的香味. 4.倒入瘦肉丁. 5.再倒入豆豉炸香. 6.倒入胡萝卜丁.3lian.com 7.加入生抽煮开即可. 提示: 1.肉切成丁会更有口感,每吃一口就都感觉在吃肉啊,呵呵. 2.生抽选择质量好的生抽.因为生抽里有盐了,所以不用放盐. 3.面条下好后,将肉酱淋在上面相当方便.

  • 《酷酷爱魔兽》平民肉盾推荐 《酷酷爱魔兽》平民肉盾推荐

    酷酷爱魔兽阵容中肉盾是必不可少的,到底前期使用哪个英雄作为肉盾比较合适呢?接下来小编将为大家带来酷酷爱魔兽前期肉盾推荐,性价比超高玩家志在必得! 1.骑士队长 推荐星级:★★★★★ 获得方式:第二章 暮色森林10(精英) 需要战魂*10 英雄分析:骑士队长是前期性价比非常高的肉盾,加上自身自带回血技能,能担当起前锋的作用,骑士队长在中期也是非常给力,当进阶到紫色品质能开启技能圣盾术,这是具有无敌效果的招数,并且CD时间很短,有很多玩家在后期的推图中还是会带上骑士队长. 2.步兵队长 推荐星级:★

  • 去掉ios8最近使用方法 去掉ios8最近使用方法

    在"设置"--"邮件.通讯录.日历"--"在应用程序切换器中显示",进去里面全部关了就oK了,快去试试吧.

  • 开发Eclipse插件有关问题

    开发Eclipse插件问题! 做毕设: 要开发一个分析工具,包括一些绘图之类的功能, 要求集成到Eclipse里面去,就是做成Eclipse插件. 都用什么工具开发Eclipse插件啊?? 我以前基本上都用.NET平台,所以现在很茫然...... 望前辈们指点!!谢谢!! ------解决方案-------------------- 探讨 当然是Eclipse了,Eclipse可以建插件项目的,上手很容易.但是如果你要做绘图功能的话,可能就要用到GEF,GEF是依赖于EMF的,这些学起来要一段时

  • Windows下Nginx的装配与配置

    Windows下Nginx的安装与配置 Nginx ("engine x") 是一款高性能的,轻量级的HTTP Web 服务器 和 反向代理服务器及电子邮件 IMAP/POP3/SMTP 代理服务器. Nginx 是由俄罗斯的程序设计师 Igor Sysoev 所开发,为俄罗斯访问量第二的 Rambler.ru 站点开发的,它已经在该站点运行超过四年多时间了,Igor 将源代码以类BSD许可证的形式发布. 自 Nginx 发布四年来,Nginx 已经因它的稳定性.丰富的功能集.示例配置

  • 【MVC】Servlet+Jsp+MySql用户登录范例 【MVC】Servlet+Jsp+MySql用户登录范例

    [MVC]Servlet+Jsp+MySql用户登录实例 林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文要用Servlet+Jsp+MySql实例用户登录,并简要介绍了下MVC的思想,此例子也是按照这个思路来做的.在Eclipse+tomcat7.0上做的.不会很难,对于了解MVC思想很有帮助! 效果: 这是刚开始的界面 这是错误时的信息 这是成功时的信息 一.MVC简介 MVC全名是Model View Controller,是模

  • 《诛仙2》秘籍之九黎职业技能和天书加点攻略

    一重(36点): 一击 3/6 :30级前很强力的输出技能,而且省蓝冷却又短,但鉴于1级和6级的区别不打,建议只加3点用做后面技能的前提就好 矫健 6/6 :没什么可说的,对于战斗最前线的九黎来说,多1点气血都是无比关键的,建议加满 丰沛 1/6 :目前没发现九黎有巨灵这样强悍的技能存在,因此对于真气的需求应该不是很大,加1点过度下就很好了,当然,技能点有富余的话也加满吧,不定完美什么时候就会出个类似巨灵的技能 虬筋 3/3 :3级满的虬筋能增加人物级别0.6倍的攻击,也就是说150满级的情况下

  • 《三国之刃》圣诞节活动 《三国之刃》圣诞节活动

    "叮叮当,叮叮当,铃儿响叮当"各位英雄们,一年一度的圣诞节来临了,在这寒冬佳节里小刃祝各位英雄平安.快乐,Merry Christmas!另外,小刃还为各位英雄准备了丰富精彩的圣诞活动哦,快来看看都有哪些活动吧. 活动平台:全平台(安卓.IOS) 活动时间:12月24日03:00-12月26日02:59 [活动一:充值就有礼,圣诞礼包送不完] 活动期间,每个角色每天充值满25元即可获得圣诞大礼包:护符*3.强化石*20.铜钱*20万.珠宝*2万. 每天都有一次充值奖励,千万不要错过哦~

热门推荐
  • 三月三的节日习俗 三月三的节日习俗 汉族 安徽舒城.桐城蒿子粑 蒿子粑粑 (一) 配料:野生蒿子.米面.腊肉.香蒜等 (二) 制法: 1.将新鲜的蒿子用手搓成一团,然后用木棍将蒿子的汁水敲打尽; 2.将腊肉切成小方块,先放在锅里炒,腊肉出油时,将米面.切碎的蒿子.香蒜等放进锅里拌匀,添适量凉水焖一会盛起; 3.将盛起的面做成粑粑状,要薄厚均匀,做好后放入锅内加盖,小火炕,约15分钟左右即可. 蒿子粑粑,口感香脆,味鲜色美,为舒城.霍山独有,传说每年农历三月三日,吃蒿子粑粑可"巴魂". 本站阅读配图 传说故事:"
  • 《炉石传说》坚持战士的信仰 2月环境的传说级土豪战 《炉石传说》坚持战士的信仰 2月环境的传说级土豪战 前言 炉石盒子有数据统计表示玩战士的人很少,快跟萨满一样变成隐藏职业,个人也不喜欢随大流玩猎人法师,这个赛季为了战士的金头像决定用土豪战冲,数据是从18级到传说的数据,没有认真的在冲传说,所以场数偏多,而卡组本身也没多大变化,一直根据环境微调过. 卡组详情 单卡解析 先从几张单卡说起,个人理解如有错误敬请谅解 1旋风斩 对战爆破术和动员骑的好卡,配合嘉顿全场打三,就算军需也不怕,配合苦痛铸甲破圣盾等等作用,带两张觉得亏一张觉得刚好. 2铸甲师 低分段快攻多的时候我会满编,高分段少了就减了一个,丧
  • Drupal中处理文件流File System和Stream Wrapper原理 Drupal中处理文件流File System和Stream Wrapper原理 Stream其实是一个抽象的概念,类似于传输层,位于文件系统的下层.php本身是支付StreamWrapper的,不过Drupal对其进行完善,本文我们来看看底层File System和Stream Wrapper的原理. 在Drupal7以及PHP(也不知那个版本)后,多了一个概念:Stream,主要用来表示文件流.BTW,追溯起Stream的概念,这个应该很早在Java和C#等OOP的语言中已存在,PHP只是简单的封装了file/file_get_content等函数,使用起来方便,所以PH
  • 超级牛市在股灾中涅槃 超级牛市在股灾中涅槃 有很多人问我"大师,明天,这个星期,这个月后市怎么样?我什么时候能接套啊,反弹能到多少?" 首先,我没有出家当和尚,就算当了和尚也是个小沙弥,不是大师.我在经济风云荟免费给大家教授经济学知识快一年乐,因此大家都叫我"教授",也就是个教书匠. 再者,很多人关心明天,这个星期,这个月,但我不关心.我关心的是2012年到2022年这十年中国经济的超级去杠杆化.一群近视眼问远视眼最近的墙壁上有没有小飞虫在爬,是毫无意义的: "1989年10月19日(著名的黑色星期
  • 二叉排序树中序遍历不能出来,希望大伙看看,分不是很多 二叉排序树中序遍历不能出来,希望大伙看看,分不是很多 二叉排序树中序遍历不能出来,希望大家看看,分不是很多 #include<iostream>using namespace std; template <class T>struct BiNode//二叉树结点的类型{ T data; BiNode* lchild; BiNode* rchild;}; template <class T>class BiSortTree{ private: BiNode<T>* root; int count; public: