Qunee for HTML5 V1.8新版本发布
Qunee for HTML5 V1.8新版本正式发布,修复了一些bug,增加了示例,改进了JSON导入导出,方便拓扑图的存储与载入,推出了拓扑图编辑器项目,欢迎访问和升级 中石化网络图示例 自定义层次布局示例 拓扑图编辑器项目 项目地址:https://github.com/samsha/graph.editor 在线演示:http://demo.qunee.com/editor/
阅读更多继续拓扑图编辑器的开发,并创建了项目Graph.Editor,正式发布到github了,项目使用了nodejs,bower,gulp等HTML5项目开发工具,bower用于前端包管理,Gulp用于自动发包和发布,欢迎Qunee客户使用和贡献代码 相关文章: 拓扑图编辑器(1) 拓扑图编辑器(2) 项目地址:https://github.com/samsha/graph.editor 在线演示:http://demo.qunee.com/editor/ 拓扑图编辑器介绍 Graph.Editor是一款基于HTML5技术的拓补图编辑器,采用jquery插件的形式,是Qunee图形组件的扩展项目 数据可视化是一件有趣的工作,冰冷的数据 …
阅读更多之前借助leaflet + qunee实现了地图拓扑图,同样使用leaflet的有个更专业的地图应用:Mapbox,可以定制出简单、专业、漂亮的地图,在传统地图服务商(Google,Nokia, Apple …)之外,有了更好的选择,Mapbox Studio是一款开源软件,使用了大量的web技术:Mapnik, node.js, backbone.js, leaflet, codemirror …… 其客户端本身就是一个webapp + Chrome,跨平台,有良好的交互体验,值得前端开发者学习和参考 原 …
阅读更多经过连日奋战,Qunee for HTML5 V1.7 新版本终于发布了,丰富了更多细节和功能,在线演示改版,全面支持retina屏幕,欢迎访问和升级:http://demo.qunee.com 支持SVG图标 更多的图片支持,更好的渲染效果,更快的运行效率 增加子网功能 基于jQuery的拓扑图插件 只需几行代码,就可以配置一个拓扑图编辑器,http://demo.qunee.com/editor/1.7/
阅读更多HTML简单布局 - layout.border
经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了这段js,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介 简单的布局效果,实现上下左右,中间充满的布局 依赖 需要用到jquery 示例 首先引入jquery.js和layout.border.js <script …
阅读更多Qunee for HTML5图形组件迎来小幅更新,修复了一些bug,欢迎升级和访问
阅读更多原文:http://www.html5rocks.com/en/tutorials/canvas/inspection/ 翻译:blog.qunee.com 介绍 不管你是使用2D 还是WebGL,任何用过的人都知道很难调试,使用Canvas通常需要长长的难以跟踪的调用列表 function draw() { context.clearRect(0, 0, 258, 258); context.fillStyle = “#EEEEEE”; context.beginPath(); context.arc(129, 129, 127, 0, 6.28, true); context.closePath(); …
阅读更多机房图分2D和3D,此外也有2.5D 方案,也称之为伪3D,在小型网游中比较常见,斜45度角,网格分布,运行起来比较轻量,电信机房也可以采用这种技术,通过矩阵变换,固定45度视角,选择合适的图标,可以做出不错的效果,节省3D 建模的时间,同时可以结合2D平面图,是一种不错的机房图展示方案,下面是 Qunee 实现的一些简单示例,并可以结合热力图绘制,用以反映机房的温度分布,详细示例代码可向 support#qunee.com 申请
阅读更多