HTML5 原生的 Drag and Drop是很不错的功能，本文将搞个有点使用价值的例子，通过Drag and Drop生成图片的Base64的字符串信息。使用Base64方式的图片有诸多好处，可将多个图片信息整合到单个js文件避免多次http请求，可以避免WebGL例子跨域访问的安全限制无法本地文件运行等好处，当然弊端也不少例如不能有效利用浏览器图片缓存机制等。使用HT for Web的朋友会发现HT的例子很多注册图片都采用Base64的方式，这主要是为了方便用户直接本地文件打开HT的手册即可操作浏览
该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分：123456789101112131415161718192021222324252627// init data modelhello = new ht.Node();hello.setPosition(60, 140); hello.setName('Hello');hello.setStyle
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其差，这不是我们想要的结果，再进一步和图片的绘制进行比较比较，你会发现，绘制图片和绘制文本在性能上不是一个等级的，在性能上绘制图片会好太多。我们今天就来谈谈 HT for Web 性能相关的问题。在 HT 中，有很多地方可以设置文本，每个节点上面都可以设置两个 label
今天和大家分享的是 3D 系列之 3D 预定义模型。HT for Web 提供了多种基础类型供用户建模使用，不同于传统的 3D 建模方式，HT 的建模核心都是基于 API 的接口方式，通过 HT 预定义的图元类型和参数接口，进行设置达到三维模型的构建。接下来我们就来谈谈预定义的 3D 模型及参数设置。HT 预定义的 3D 模型有：box、sphere、cone、torus、cylinder、star、rect、roundRect、triangle、tightTriangle、parallelogram 和
HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点，该文介绍的结合的原理，其实还可推广到与ArcGIS、百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案。以上抓图为本文介绍的例子最终运行效果，接下来我们一步步来实现，首选显示地图信息需要有城市经纬度数据，搜索了下感谢此篇博客提供的数据。这么大量的数据我采用
本篇主要讲，html5 canvas中图形的填充（filling）功能应用，主要包括基本颜色定义（Basic Colors）、渐变（Gradient）、图案（Pattern）、阴影（Shadow）；先贴一个以下所有涉及到的实现运行的基本代码段： 12345678910111213141516171819202122232425262728293031323334353637383940414243
Canvas所支持的Image API是非常强大的;我们可以直接加载图像，将其显示在Canvas上,也可以切割和拼接显示所需的任何图像部分;此外，Canvas给我们提供的存储其像素数据的功能，我们可以通过操纵像素数据，然后重新绘制到Canvas上。虽然Canvas只有提供少数的Image API函数，但它开辟一个像素级别操纵的世界；它使开发人员可直接在Web浏览器中创建优化的应用程序，而无需任何插
html5实现留言板的代码实例分享123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596