构建无数个相同的或者不同的模型，构建起来对于程序员来说也是一件相当头疼的事情，我们利用 HT 帮大家解决了很大的难题，无数个例子可在官网上查找到 http://hightopo.com/demos/index.html...本文 Demo 地址： http://hightopo.com/guide/guide/plugin/obj/examples/example_objajax.html 这次我们的例子是将这些实例中的一小部分思想抽取出来...getView().addEventListener(type, func, false)），渲染层一般由 canvas 提供，用户可直接对根 div 和 canvas 层设置 css 样式，也可以添加新的 HTML
基于HTML的消灭方块小游戏 一个基于HTML，Javascript的消灭方块小游戏 ---- -> 免费下载地址 ---- screenshot: socialPuzzle.html： ... CSS： html{ background-color: #7F7F7F; } #page { position: relative
很不错的一个插件，推荐给大家 pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持。...在线演示：http://mozilla.github.com/pdf.js/web/viewer.html https://github.com/tonyqus/pdf.js
shape3d 来生成不同的图元，我们这边就是通过这种途径，如果想要在界面中生成复杂图形，如：机柜模型，可以参考这篇文章：http://www.cnblogs.com/xhload3d/p/7887229.html
例子地址：http://hightopo.com/guide/guide/core/datamodel/examples/example_datamodel.html ?...顶部工具栏部分使用的纯 HTML 写的： Add Remove</...我们知道，HT 的所有组件都是基于一个根部 div 的，要将这个 div 部署到 html 页面上很简单，但是 HT 内部对这个 div 设置了绝对定位，所以我们在添加这个 div 进 HTML 页面中时...e.data为被添加的对象 e.kind === 'remove'代表删除Data对象，e.data为被删除的对象 e.kind === 'clear'代表容器被清除 这里我们将对模型的增删事件的监听结果传给 HTML...appendSelection(datas)引发 e.kind === 'clear'代表此事件由clearSelection(datas)引发 这里我们将对模型中 Data 的选中变化事件的监听结果传给 HTML
如何选择一个合适的 HTML 前端表格控件？此处可以省略一万字。哈哈。...基于上面的考虑，最后采用了基于 Canvas 的 HT。...懒得亲自直接用 HTML5 的原生接口？ HT 提供了对 Canvas API 的封装接口，包括各种矢量类型以及一些简单的 Chart。...可以想象，几万个 Chart的展示以及动态刷新，对于基于dom的控件几乎是件无法完成的任务。...关于 HT 的其他矢量和控件，同样有高性能特性：http://www.hightopo.com/demo/fan/index.html 后记 如前文所述，我们基于 HT 的表格实现了海量数据的可定制展现
这在处理HTML元素实现时简单，但是如果是对 HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为 Canvas 使用的是另外一套机制，无论在 Canvas 上绘制多少图形，Canvas...然而，在 HT for Web 中，这种需求很容易实现，先附上Demo：http://www.hightopo.com/demo/blog_meadow_20170605/index.html ? ...这个场景图是基于 HT for Web 的 JSON 文件，可能大家对怎么生成这样的 JSON 文件有疑惑，其实这里是基于这个麻雀虽小五脏俱全的“HTML5拓扑图编辑器”（http://www.hightopo.com.../demo/2deditor_20151010/HT-2D-Editor.html）进行了扩展，很容易就自定义出满足我需求拓扑编辑器。...‘tips1.json’、‘tips2.json’、‘tips3.json’ 是通过这个矢量编辑器（http://www.hightopo.com/demo/vector-editor/index.html
这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体...这个场景图是基于HT for Web的JSON文件，可能大家对怎么生成这样的JSON文件有疑惑，其实这里是基于这个麻雀虽小五脏俱全的“HTML5拓扑图编辑器”（http://www.hightopo.com.../demo/2deditor_20151010/HT-2D-Editor.html）进行了扩展，很容易就自定义出满足我需求拓扑编辑器。...在上述场景中，用户将鼠标移入到草地等对象时，会有弹出框显示它的详细信息，Demo地址：http://www.hightopo.com/demo/blog_meadow_20170605/index.html...属性定义的默认值，详情可见HT for Web数据绑定手册（http://www.hightopo.com/guide/guide/core/datamodel/ht-datamodel-guide.html
方法 第一步，先创建一个html项目，然后加一个iframe标签，把淘宝的网站接入过来 </iframe
本文例子：http://www.hightopo.cn/demo/3drotate/3d-rotate.html 首先让我们来看下这个案例： 我们来看看如何操作这个 3d 交互模型，可以直接滑动“Rotation...所以我们如果要添加进 HTML 标签中，肯定也要是 HTML 标签才行。
http://www.hightopo.com/demo/metro/demo2.html 进入页面右键“审查元素”可查看例子源代码。 本例的动态效果如下： ?
本文将以大家熟悉的 CPU 为例，介绍以 HT 为基础，应用 JavaScript，WebGL 和 HTML5 技术开发的 CPU 监控系统。...对应到代码中，基于 userAgent 属性信息，使用正则表达式去判断请求是否来自于移动端（主要考虑了 Android 端 和 IOS 端）。...手机传感器数据 HTML5 提供了几个 DOM 事件来获得移动端方向及运动的信息，deviceorientation 提供设备的物理方向信息；devicemotion 提供设备的加速度信息。...如果你对工业互联网感兴趣，可以从 https://www.hightopo.com/demos/index.html 获取更多案例及效果。
本文例子：http://www.hightopo.cn/demo/3drotate/3d-rotate.html 首先让我们来看下这个案例： ?...所以我们如果要添加进HTML标签中，肯定也要是HTML标签才行。
一、WkHtmlToPdfDotNet介绍WkHtmlToPdfDotNet是基于本地 wkhtmltopdf封装的.NET Core类库，主要通过webkit引擎实现html页面转换为pdf文件。...主要功能实现在线URL转pdf文件或者html代码直接转换为pdf文件，并对css样式、图片等很好的支持，导出的pdf文件和网站相差不大。...//ConvertHtmlToPdf(); ConvertUrlToPdf(); } /// /// 基于...stream.Write(pdf, 0, pdf.Length); } } /// /// 基于...url方式导出效果直接拼接html方式导出效果
消除游戏-消消乐 一个基于HTML，Javascript的消除游戏。使用了createjs框架。...js-time-down").text(time) } ); xxl.start(); // hint xxl.hint(); index.html...DOCTYPE html> ...("#js-chint").click(function () { xxl.closeHint(); }) </html
在这两年中，许多网站和跟踪软件都开始利用HTML5 canvas指纹。PS：Canvas是HTML5中动态绘图的标签。...普林斯顿大学和比利时鲁汶大学安全研究人员发表了一篇研究报告指出，即使是电脑高手，面对基于canvas指纹的跟踪技术，也很难保护好自已的隐私。...Canvas利用HTML5 canvas API和JavaScript来动态生成你想要的图像。...一些大的广告公司已经把先前基于flash的广告转换成了HTML5动画广告。 研究人员指出：“Canvas指纹是浏览器指纹的最近研究成果，还没有被公开报道过。...（我想说的是让IE6秒杀你们吧………） [原文地址] http://thehackernews.com/2014/07/html5-canvas-fingerprint-widely-used.html
doctype html>爱心表白html, body { height: 100%;...() { onResize(); render(); }, 10);})(document.getElementById('pinkboard'));以上就是采用HTML代码编写的程序，还可以外加CSS进行点缀，让效果更佳美观。
效果图 image.png http://www.hightopo.com/demo/subway/index.html 地图稍微内容有点多，要全部展示，字显得有点小了，但是没关系，可以按照需求放大缩小...image的json中绑定的属性，具体参看 HT for Web 矢量手册(http://www.hightopo.com/guide/guide/core/vector/ht-vector-guide.html...image.png 鼠标滑动事件，我直接基于 gv 的底层 div 进行的 mousemove 事件，通过 ht 封装的 getDataAt 函数传入事件 event 参数，获取事件下对应的节点，然后就可以随意操作节点了...false);//设置node节点不可见 查看 HT for Web 样式手册（http://www.hightopo.com/guide/guide/core/theme/ht-theme-guide.html...//设置动画 具体参见 HT for Web 动画手册（http://www.hightopo.com/guide/guide/plugin/animation/ht-animation-guide.html
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
