基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事 ...
原文：基于 HTML5 Canvas 的简易 2D 3D 编辑器
不管在任何领域，只要能让非程序员能通过拖拽来实现 D 和 D 的设计图就是很牛的，今天我们不需要 dMaxs 等设计软件，直接用 HT 就能自己写出一个 D D 编辑器，实现这个功能我觉得成就感还是爆棚的，哈哈 只要你会想，能做，就能根据这个编辑器延展成 big thing 本例地址：http: www.hightopo.com demo drag create data 下面是实现效果图： 我们 ...
2017-12-03 22:16 0 3494 推荐指数：
相关推荐
HTML5 Canvas 2D绘图
为了防止无良网站的爬虫抓取文章，特此标识，转载请注明文章出处。LaplaceDemon/ShiJiaqi。 http://www.cnblogs.com/shijiaqi1066/p/4851774.html Canvas Canvas标签，用于在web中绘制各种图形 ...
HTML5的WebGL实现的3D和2D拓扑树
在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据 ...
canvas用2d渲染出3d的感觉
好久没有写博客了，深究动画其实也就是setTimeout setInterval requestAnimationFrame很多人可能不熟悉requestAnimationFrame但是事实上和s ...
html5中Canvas为什么要用getContext('2d')
HTML DOM getContext() 方法 HTML DOM Canvas 对象 定义和用法 getContext() 方法返回一个用于在画布上绘图的环境。 语法 Canvas.getContext(contextID) 参数 参数 contextID 指定了您想要在画布上绘制 ...
基于HTML5 Canvas实现工控2D叶轮旋转
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.html 我们先来看下这个叶轮模型长 ...
基于HTML5 Canvas的3D动态Chart图表
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了 ...
基于 HTML5 Canvas 的 3D 模型列表贴图
少量图片对于我们赋值是没有什么难度，但是如果图片的量大的话，我们肯定希望能很直接地显示在界面上供我们使用，再就是排放的位置等等，这些都需要比较直观的操作，在实际应用中会让我们省很多力以及时间。下面这个 ...