[推荐] 分享纯HTML5拓扑图编辑器源代码 [问题点数:40分]

Bbs1
本版专家分:0
结帖率 0%
Bbs1
本版专家分:57
Bbs2
本版专家分:130
Bbs7
本版专家分:21247
版主
Blank
Github 绑定github第三方账户获取
Blank
优秀版主 2015年8月优秀小版主
2015年5月优秀小版主
2015年4月html5优秀版主
Blank
蓝花 2015年7月 Web 开发大版内专家分月排行榜第三
Bbs1
本版专家分:56
Bbs2
本版专家分:224
Bbs2
本版专家分:274
Bbs10
本版专家分:187869
Blank
进士 2009年 总版技术专家分年内排行榜第七
Blank
金牌 2009年9月 总版技术专家分月排行榜第一
Blank
银牌 2009年8月 总版技术专家分月排行榜第二
Blank
红花 2011年11月 Web 开发大版内专家分月排行榜第一
2009年10月 Web 开发大版内专家分月排行榜第一
2009年9月 Web 开发大版内专家分月排行榜第一
2009年8月 Web 开发大版内专家分月排行榜第一
2009年7月 Web 开发大版内专家分月排行榜第一
2009年6月 Web 开发大版内专家分月排行榜第一
2007年7月 Web 开发大版内专家分月排行榜第一
2007年6月 Web 开发大版内专家分月排行榜第一
Bbs1
本版专家分:14
Bbs1
本版专家分:56
Bbs1
本版专家分:38
Bbs2
本版专家分:140
Bbs2
本版专家分:206
Bbs3
本版专家分:516
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs2
本版专家分:224
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs2
本版专家分:132
Bbs2
本版专家分:140
Bbs1
本版专家分:0
Bbs3
本版专家分:869
Bbs1
本版专家分:0
Bbs2
本版专家分:140
Bbs5
本版专家分:3929
版主
Blank
Github 绑定github第三方账户获取
Blank
金牌 2015年9月 总版技术专家分月排行榜第一
2015年8月 总版技术专家分月排行榜第一
2015年7月 总版技术专家分月排行榜第一
2015年6月 总版技术专家分月排行榜第一
2015年5月 总版技术专家分月排行榜第一
2015年4月 总版技术专家分月排行榜第一
Blank
银牌 2016年1月 总版技术专家分月排行榜第二
2015年11月 总版技术专家分月排行榜第二
2015年10月 总版技术专家分月排行榜第二
Blank
优秀版主 优秀小版主
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:2
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:51
Bbs1
本版专家分:0
Bbs1
本版专家分:56
html5在线编辑器效果和源码
<em>html5</em>在线<em>编辑器</em>效果和源码
html5静态页面
初步了解<em>html5</em> 购 物 车0 件 今日特卖 母婴特卖 全球精选 海外直邮 的士站 正品保障 商品分类
HTML5和纯CSS3动画源码
 8个超震撼的HTML5和纯CSS3动画源码 1,282 人浏览 发表回复 0 HTML5和CSS3之所以强大,不仅因为现在大量的浏览器的支持,更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡,那么HTML5和CSS3将会替代Flash。今天我们要给大家<em>分享</em>8个最新的HTML5和纯CSS3动画及其源码,这些动画非常让人震撼
HTML5第三弹:亦酷亦萌的网络拓扑图
前言前一篇3D机房好像有点火,看来轻量的Web 3D是大势所趋,当时选择WebGL而不是U3D真是灰常英明的抉择。3D虽然炫酷,但在真正的企业应用里,数据、关系的呈现还是要回到传统2D界面,而HTML5是目前的最佳选择。像HTML5的canvas,虽然已经不是什么新鲜技术了,但直接在浏览器中绘制网络<em>拓扑图</em>的逻辑关系,而不需要安装任何插件,对于很多正在更新换代的OSS系统来说,还是很有吸引力的。最近忙
基于HTML5的网络拓扑图
电信网管系统中,设备状态信息的实时展示非常重要,通常会挂载一堆图标来展示状态或告警信息,图标的信息量有限,有时需要更详细的面板,甚至以图表的形式展现,本文将结合最近客户提到的需求,使用 Qunee1.6 beta版本,实现<em>拓扑图</em>中设备信息的实时显示。  Qunee 中ui 的定制非常灵活,每个图元节点都可以挂载多个 ui 控件,支持9X9=81种相对位置,单节点上能挂载多个 ui 元
hightopo学习笔记---入门
    HT是基于HTML5标准的企业应用图形界面一站式解决方案, 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库,提供了完全基于HTML5的矢量<em>编辑器</em>、拓扑<em>编辑器</em>及 3D场景<em>编辑器</em>等多套可视化设计工具,和完善的类库开发手册、工具使用手册、及针对HTML5技术如何进行大规模团队开发的客户深度培训手册。 官网:http://www.hightopo.com/cn-index.htm...
绘制SVG内容到Canvas的HTML5应用
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融合在一起,让Canvas可享用到现有丰富的SVG素材,并不失SVG矢量无级缩放的特点。 《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果,但你也可以直接拖拽SVG格式的图片进行显示,只不过普通图片的格式数据为data:image/png类型,而SVG格式的数据类
基于HTML5的拓扑图编辑器(2)
继续来说<em>编辑器</em>的需求, 前面介绍了拖拽创建节点、以及连线的方法,并加入到了其后的 Qunee 类库,实际应用中需要更多功能,Qunee 的<em>拓扑图</em><em>编辑器</em>也在逐渐完善,一方面增加多种编辑交互,一方面提供数据导入导出,同时也在摸索<em>编辑器</em>的整体界面设计和前端开发框架 拖拽创建节点 延续之前提供的功能,增加更多可配置选项(可设置节点类型,样式和属性),支持按住shift快捷键,直接拖入到分组内
基于HTML5和WebGL的3D网络拓扑结构图
现在,3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学领域将它们作为化合物的精确模型;建筑业将它们用来展示提议的建筑物或者风景表现;工程界将它们用于设计新设备、交通工具、结构以及其它应用领域;在最近几十年,地球科学领域开始构建三维地质模型,而且3D模型经常做成动画,例如,在故
js+html 实现关系拓扑图
最近要做一个功能。需要用到关系<em>拓扑图</em>。做了一些调研。发现相关插件很多接下来做个分析 1.yWorks 德国人做的。支持jAjax,html ,php。 官网 https://www.yworks.com/ 需要收费 官网demo效果如下: 2.Qunee  中国人自己开发的,js+<em>html5</em> 有中文文档api 官网 http://www.qunee.com/  需要收费 官网d
利用Gephi生成可视化拓扑图
突然发现好久没更文章了,先写一篇记录一下近期的工作吧。 近期有很多工作都要在图上进行优化,虽然可以写代码做统计,但是缺少一种比较直观的可视化工具。 通过搜索找到了这三个工具:Graphviz,Gephi和Pajek。比较了一下,觉得Gephi操作最简单,所以就用它啦。
基于Qunee for html5的流程图设计
最近公司需要开发一个OA系统,其中”公文发布”模块需要用流程图控制,现把主要<em>源代码</em>贴到下面,<!DOCTYPE html> 流程设计 <m
html5绘图工具 基于 HTML5 的 Canvas 技术,拓扑图是电力
<em>html5</em>绘图工具 基于 HTML5 的 Canvas 技术,<em>拓扑图</em>是电力和电信的叫法
整理15款实用javascript富文本编辑器 转自136go
1 百度UEditor 官方网址:http://ueditor.baidu.com/website/ UEditor是由百度web前端研发部开发所见即所得富文本web<em>编辑器</em>,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 2bootstrap-wysiwyg 官方网址:http://www.bootcss.com/p/boots
HTML5 网络拓扑图性能优化
HTML5 中的 Canvas 对文本的渲染(fillText,strokeText)性能都不太好,比如设置字体(font)、文本旋转(rotation),如果绘制较多的文本时,一些交互操作会手动很大的影响,操作起来没那么顺畅,体验将会极其差,这不是我们想要的结果,再进一步和图片的绘制进行比较比较,你会发现,绘制图片和绘制文本在性能上不是一个等级的,在性能上绘制图片会好太多。
移动端富文本编辑器artEditor
摘要:       由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本<em>编辑器</em>很少。artEditor是一款基于jQuery的移动端富文本<em>编辑器</em>,支持插入图片,后续完善其他功能。 插件地址:https://github.com/baixuexiyang/artEditor  欢迎star或fork。 demo 引用: &amp;lt;script src=&quot;http://code...
富文本编辑器(超简单的)
问题:一天,新进公司的前端同事(之前主微信小程序的)问我富文本<em>编辑器</em>有没有做过,妈耶,我这么新的萌新这么可能做出那种牛x的东西,实话实说后同事表示理解,不过好不容易有个妹子来找我帮忙这么能认怂,于是搜了下插件,找到一款非常不错的,托前辈大牛的福。解决方法:1.网址:引用网址:https://www.cnblogs.com/HansBug/p/6559289.html             富文本...
Android富文本编辑器+WebView显示
Android富文本<em>编辑器</em>+WebView显示
移动端H5页面编辑器开发实战--经验技巧篇
一、前言 在上一篇《原理结构篇》中,主要针对移动端网页进行了分类描述,并介绍了H5<em>编辑器</em>的需求、原理以及框架结构,本文将延续开发实战这一主题,针对策略和开发技巧做进一步的介绍。 二、策略篇 2.1 适应策略 在上一篇文章中,简单对兼容方式做了区分,即固定尺寸兼容及百分比兼容,下面我具体介绍下为什么没有使用这两种方式以及目前所用的适应策略。 1)固定尺寸兼容 这种
10款基于HTML5+CSS3实现的超酷源码动画
1.基于Bootstrap的jQuery登录表单 这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮。这款登录表单有一个经过CSS3处理过的头像图片,同时还有HTML5表单字段的简单验证,CSS3的使用,让整个登录表单的投影显得更加立体。 在线演示 源码下载 2.很酷的CSS3多窗口邮件阅读器 这是一款非常炫酷华丽的CSS3邮件阅
HTML5,不只是看上去很美(第二弹:打造最美3D机房)
前言最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果。使用<em>html5</em>时间还不久,对js的认识还不够深入。没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来。上一篇第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 <em>html5</em>的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术:<em>html5</em>的3D,以及如何用它打造精美的3D机房监控系统。
基于HTML5和Canvas的图片编辑
Crop, Flip, Rotation, Drawing, Shape, Icon, Text, Mask Filter, Image Filter Download, Image Load, Undo, Redo, Reset, Delete Object(Shape, Line, Mask Image...) Grayscale, Invert, Sepia, Blur Sharpen, Emboss, RemoveWhite, GradientTransparency, Brightness, Noise, Pixelate, ColorFilter, Tint, Multiply, Blend
拓扑图框架Jtopo
使用HTML5制作网络<em>拓扑图</em>的方式有主要有Canvas和SVG,Jtopo采用HTML5的Canvas实现,可以使用到Html5的平台(PC,手机,平板),免费易用,适用于浏览器 开发流程: 1.引入jtopo.js文件 2.Canvas标签定义<em>拓扑图</em> 3.绘制<em>拓扑图</em>
HTML5--CSS3在线编辑工具 超酷!!!(24款非常实用的CSS3工具终极收藏)
对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天这篇文章向大家推荐24款非常优秀的CSS3工具,为了获得更佳的效果,请在Chrome 4+, Safari 4+, Firefox 3.6+, IE9+, Opera 10.5+版本浏览器中浏览如下在线
hightopo三D
绘制三d样式
hightopo学习笔记--2D编辑器使用
一,<em>编辑器</em>          ht_editor<em>编辑器</em>,可以用来绘制图纸,将绘制的图纸引用到html页面中,可以用在项目里。ht_editor<em>编辑器</em>是基于node开发的,他编辑了一个服务器,启动服务可以在浏览器中打开编辑页面,进行编辑。        其中有组件、图标、图纸三大元素,组件是最小单位,可以组成图标,多个图标又可以组成一个图纸,从而引用到页面中。 二、HT在页面中的使用流程  ...
Ace Editor在线Web编辑代码强力武器
首先说明:ACE 是一个实现了语法着色功能的基于 Web 的代码<em>编辑器</em>,具有良好的代码提示功能和大量的主题,所以在Web端你想拥有一个<em>编辑器</em>,ACE是不二选择。 正是因为在这上面踩了一个大大的坑,而且文档基本都是英文的,并不是说英文文档就看不懂,但是麻烦啊,所以有必要特此说明下这玩意到底应该怎么用。 先上一个我最后的结果 是不是很棒? 好,然后接下来就是我研究的步骤了
谷歌图形化HTML5网页编辑器Google Web Designer
谷歌图形化HTML5网页<em>编辑器</em>Google Web Designer
原创静态纯HTML网页模板源代码分享
殊不知,已经很久没有来过了,今天给大家<em>分享</em>的是最近刚刚完成的网页设计,希望大家喜欢和支持
11款最好的JavaScript源代码编辑器
<em>源代码</em><em>编辑器</em>是一个允许你编辑任何编程语言的<em>源代码</em>的文本<em>编辑器</em>。 它可以是一个独立的应用程序,也可以是内置的一个集成开发环境(IDE)。 有一些<em>源代码</em><em>编辑器</em>能够在程序员编写程序的时候做语法检查,并在第一时间对其产生的语法问题提出警告; 有一些<em>源代码</em><em>编辑器</em>可以压缩代码, 将常见的关键词转化为单字节标记,删除不必要的空格,并将数字转换成二进制形式, 当要查看文件时,它会再产生出与以前一致大小和间隔的文件
看HTML5如何化解大型复杂网络拓扑图的分组嵌套效果
忙完3D,最近又开始用HTML5给客户开发网管界面。这次客户的需求很明确,要把一个关系很复杂的多层嵌套网络<em>拓扑图</em>做得尽可能美观和清晰。现实应用中,网络<em>拓扑图</em>结构可能很简单,也可能非常复杂,比如这种节点较多的单层拓扑: 稍复杂一些的:   再复杂一些的:   在这些<em>拓扑图</em>中常见的场景是,很多网络节点需要组成一组,这常被称为“网元组”。一般来说,网元组会有一个形状,双击可以展开/闭合...
网络拓扑图编辑器
通过页面及js实现网络<em>拓扑图</em>的拖拽、定义功能,自定义拖拽、页面结构
分享30个html5手机网站模板源码
最近有很多网友问我有没有手机网站和<em>html5</em>网站的模板源码,刚开始的时候没有,收集了一段时间就收藏了30个,整理好第一时间<em>分享</em>给大家,不需要资源分就可以下载,希望<em>分享</em>30个<em>html5</em>手机网站模板源码这个资源可以帮到大家。。。
如何使用HTML5 Canvas动态的绘制拓扑图
大家好,最近想实现一个功能大致如下: 1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中 2.前端<em>拓扑图</em>、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据,然后在UI上动态绘制出
Web Canvas拓扑图
最近老大让我尝试下HTML5的Canvas绘制<em>拓扑图</em>,以前我一直做CS开发的,对Web特别是js就是菜鸟的水平,不过对于HTML5我还是很感兴趣的。 自己没经验,于是到网上找找现成的解决方案,功夫不负有心人终于让我发现了屌爆的纯HTML5<em>拓扑图</em><em>编辑器</em>,运行就是这个这篇博客效果 http://www.cnblogs.com/xhload3d/p/3909026.html ,好强大的HTML5<em>拓扑图</em><em>编辑器</em>,不敢私有,0资源分<em>分享</em>给大家 http://download.csdn.net/detail/tingyk
js拓扑图-vis插件 vackbot 墨云科技
 vis插件可以实现的功能: 源码地址(github):https://github.com/xutongbao/my-attack &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;js<em>拓扑图</em>-vis插件&amp;lt;/title&amp;gt; &amp;lt;link href=&quot;https://cdn.bootcss.com/vis/4.21.0/vis.m...
如何绘制网页版拓扑图
最近为了实现一个网页版的<em>拓扑图</em>, 采用了qunee.js这个js库. 觉得挺不错 . 记一下自己的使用心得.
HTML5手机调用微信分享
* 1、<em>分享</em>到微信朋友圈 * 2、<em>分享</em>给微信好友 * 3、<em>分享</em>到腾讯微博 * 4、新的<em>分享</em>接口,包含朋友圈、好友、微博的<em>分享</em>(for iOS) * 5、隐藏/显示右上角的菜单入口 * 6、隐藏/显示底部浏览器工具栏 * 7、获取当前的网络状态 * 8、调起微信客户端的图片播放组件 * 9、关闭公众平台Web页面 * 10、判断当前网页是否在微信内置浏览器中打开 * 11、增加打开扫描二维码 * 12、支持WeixinApi的错误监控 * 13、检测应用程序是否已经安装(需要官方开通权限) * 14、发送电子邮件 * 15、禁止用户<em>分享</em>
9款让你眼前一亮的HTML5/CSS3示例及源码
1、HTML5 3D点阵列波浪翻滚动画 今天我们要再<em>分享</em>一款基于HTML5 3D的点阵列波浪翻滚动画特效,同样是非常的壮观。 在线演示 源码下载 2、HTML5小球弹跳动画 很不错的3D小球 今天我要向大家<em>分享</em>一款很逼真的HTML5动画特效,它是3个色彩各异的弹跳小球,每一个小球在弹跳的时候都会有变化的小球投影,让整个动画更加逼真,而且具有3D的视觉效果。 在线演示 源码下载
25个各类型网站HTML5CSS3模板源代码
25个各类型网站HTML5CSS3模板<em>源代码</em>打包<em>分享</em>,<em>html5</em>,以静态页面、css、js为主。25个,以供学习和参考。
html5编辑器(图片编辑器基于canvas)
<em>html5</em>在线<em>编辑器</em>,拥有图片编辑功能的<em>编辑器</em>(动画在线制作工具)
win7 32位系统补丁支持128G内存下载
win7 32位系统补丁 可以支持128G 内存 只要你内存够大我就能支持! 相关下载链接:[url=//download.csdn.net/download/sunshineliyuhao/3650508?utm_source=bbsseo]//download.csdn.net/download/sunshineliyuhao/3650508?utm_source=bbsseo[/url]
SSD8全部选择题(冗余删减完整版)下载
本人吐血整理,将题库穷举了一遍,并且已将重复的题目删除,看起来十分方便,可放心下 相关下载链接:[url=//download.csdn.net/download/huangcongjie/2124169?utm_source=bbsseo]//download.csdn.net/download/huangcongjie/2124169?utm_source=bbsseo[/url]
手持设备中升压DC/DC转换器可靠性设计下载
手持设备中升压DC/DC转换器可靠性设计  电池作为手持设备中的电源,通常直接给升压DC/DC转换器供电。由于升压DC/DC转化器本身拓 扑结构的缺陷,从电池到负载始终有一条电流通路,如图1所示。一旦负载短路到地(GND),短路产生 的大电流就有可能毁坏升压转化电路、电池、电感、肖特基二极管等电路元器件。一般的设计思路 是在升压电路前端设置一个保险丝,与升压DC/DC转换器共同组成升压电路。 为了节约电路元器件 成本和电路版图面积,德州仪器的升压DC/DC转换器TPS61080/1集成了一个MOS管。该MOS管可以取代 传统的保险丝,起到短路保护的功能。 相关下载链接:[url=//download.csdn.net/download/tomhny/2143909?utm_source=bbsseo]//download.csdn.net/download/tomhny/2143909?utm_source=bbsseo[/url]
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java学习拓扑图 python编辑器
我们是很有底线的