前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们 ...
分类：
Web程序 时间：
2020-05-03 10:34:47
阅读次数：
75
问题 开发HTML5页面要解决的主要问题之一，就是调用系统的能力，比如拍照／选图／保存图片到相册／录音／录制视频／定位等，而是否能够调用这些能力，在于其运行环境是否开放了这些权限，是否能够便捷地使用，取决于所提供的API。若是微信网页开发，微信提供了js-sdk, 以及weui样式库；那么若是原生A ...
分类：
Web程序 时间：
2020-05-03 10:31:12
阅读次数：
90
前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。 效果图 http://hightopo.com/demo/3DRo. ...
分类：
Web程序 时间：
2020-05-03 01:23:34
阅读次数：
85
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素，今天就来实践一下，用canvas做一个画板。 首先说一下要实现的功能： 切换画笔颜色 调整笔刷粗细 清空画布 橡皮擦擦除 撤销操作 ...
分类：
编程语言 时间：
2020-05-03 01:04:48
阅读次数：
82
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/05/html5-canvas/ <canvas> 是HTML5新增的元素，可以用于绘制图形，制作照片，创建动画。<canvas> 标签只是图形容器，它没有自己的行为，必须使用脚本来绘制图形。 创建一个canvas ...
分类：
Web程序 时间：
2020-05-03 00:49:13
阅读次数：
84
前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个简单的例子，基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图 2d 代码实现 其实不管 ...
分类：
Web程序 时间：
2020-05-02 22:36:15
阅读次数：
74
canvas是Html5新增的标签，是个图形容器。允许JavaScript在其区域内进行绘制。其它大小由width和height决定。 canvas的创建 <canvas id="canvas" width=800; height=600></canvas>;canvas标签只有width和heig ...
分类：
其他好文 时间：
2020-05-02 21:21:31
阅读次数：
61
jsoup是一个操纵HTML的Java库。它提供了很多便利的API，我们可以用HTML5 DOM方法和CSS选择器来获取URL，提取和操作数据。 先看一个简单的例子，新建一个Maven项目： 在项目的pom.xml文件中添加如下依赖： 确认项目下的External Libraries中包含如下jar ...
分类：
Web程序 时间：
2020-05-02 21:16:24
阅读次数：
73
前言 电信网络拓扑图确实实用性很强，最近有个项目是基于这个的，为了写得丰富一点，还加了自动布局已经属性栏部分，不过这个 Demo 真的写得很用心，稍微改改都能直接运用到项目中去，还可以进行数据交互，总之希望能对大家有所帮助。 效果图 拓扑图 从上面的效果图中我们可以看到，整个页面分为 3 个部分，左 ...
分类：
移动开发 时间：
2020-05-02 20:54:18
阅读次数：
67
本地存储localStorage 概念：window对象下面的属性,html5新增的，将5M大小的数据存储本地的浏览器上面。 浏览器支持存储5M大小 本地存储localStorage特点 本地存储属于永久存储，除非手动删除。 html5新增的,高版本的浏览器支持 目前所有的浏览器都会把localSt ...
分类：
其他好文 时间：
2020-05-02 17:20:53
阅读次数：
44
