原文:基于HTML5 Canvas 点击添加 2D 3D 机柜模型

今天又返回好好地消化了一下我们的数据容器 DataModel,这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事件监听 选中变化事件监听以及数据模型变化事件监听。 为了让这个例子具现化,我将这个简单的例子做了一点改动,下面我会一一解释。 例子地址:http: hightopo.com guide guide c ...

2017-11-27 08:00 0 1239 推荐指数:

查看详情

基于 HTML5 Canvas 的简易 2D 3D 编辑器

不管在任何领域,只要能让非程序员能通过拖拽来实现 2D3D 的设计图就是很牛的,今天我们不需要 3dMaxs 等设计软件,直接用 HT 就能自己写出一个 2D 3D 编辑器,实现这个功能我觉得成就感还是爆棚的,哈哈!只要你会想,能做,就能根据这个编辑器延展成 big thing! 本例地址 ...

Mon Dec 04 06:16:00 CST 2017 0 3494
基于 HTML5 Canvas3D 模型列表贴图

少量图片对于我们赋值是没有什么难度,但是如果图片的量大的话,我们肯定希望能很直接地显示在界面上供我们使用,再就是排放的位置等等,这些都需要比较直观的操作,在实际应用中会让我们省很多力以及时间。下面这个 ...

Thu Dec 07 17:24:00 CST 2017 0 3455
HTML5 Canvas 2D绘图

为了防止无良网站的爬虫抓取文章,特此标识,转载请注明文章出处。LaplaceDemon/ShiJiaqi。 http://www.cnblogs.com/shijiaqi1066/p/4851774.html Canvas Canvas标签,用于在web中绘制各种图形 ...

Fri Oct 02 08:02:00 CST 2015 1 4252
HTML5的WebGL实现的3D2D拓扑树

在HT for Web中2D3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观,一眼望去可以把整个树状结构数据 ...

Fri Feb 19 06:05:00 CST 2016 8 2322
canvas2d渲染出3d的感觉

  好久没有写博客了,深究动画其实也就是setTimeout setInterval requestAnimationFrame很多人可能不熟悉requestAnimationFrame但是事实上和s ...

Fri Apr 14 07:28:00 CST 2017 2 1813
html5Canvas为什么要用getContext('2d')

HTML DOM getContext() 方法 HTML DOM Canvas 对象 定义和用法 getContext() 方法返回一个用于在画布上绘图的环境。 语法 Canvas.getContext(contextID) 参数 参数 contextID 指定了您想要在画布上绘制 ...

Thu Jun 16 03:15:00 CST 2016 0 1553
基于HTML5 Canvas实现工控2D叶轮旋转

之前在拓扑上的应用都是些静态的图元,今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.html 我们先来看下这个叶轮模型长 ...

Sat Oct 10 08:31:00 CST 2015 0 2245
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM