基于 HTML5 Canvas 的拓扑组件 ToolTip 应用
前言 ToolTip 效果是网页制作中常见的使用特效。当用户将鼠标悬浮在某个控件上时，ToolTip 显示并向用户展示相应的提示信息；当鼠标离开时，ToolTip 隐藏。一般情况下，我们使用 Too ...
原文：基于 HTML5 Canvas 的拓扑组件开发
在现在前端圈大行其道的 React 和 Vue 中，可复用的组件可能是他们大受欢迎的原因之一， 在 HT 的产品中也有组件的概念，不过在 HT 中组件的开发是依托于 HTML Canvas 的技术去实现的， 也就是说如果你有过使用 Canvas 的开发经验你就可以来封装自己的组件。 下面我以一个进度环为例，来探究一下如何使用ht.js封装出一个拓扑组件。 效果图 代码实现 前置知识 自定义组件 除 ...
2018-10-29 10:21 1 1261 推荐指数：
相关推荐
基于 HTML5 Canvas 的拓扑组件 ToolTip 应用
前言 ToolTip 效果是网页制作中常见的使用特效。当用户将鼠标悬浮在某个控件上时，ToolTip 显示并向用户展示相应的提示信息；当鼠标离开时，ToolTip 隐藏。一般情况下，我们使用 Too ...
jTopo HTML5 Canvas 画图组件
jTopo是什么? jTopo（Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。 jTopo关注于数据的图形展示，它是面向开发人员的，需要进行二次开发。 使用jTopo很简单，可以快速 ...
基于 HTML5 Canvas 的可交互旋钮组件
前言 此次的 Demo 效果如下： Demo 链接：https://hightopo.com/demo/comp-knob/ 整体思路 组件参数 绘制旋钮 绘制刻度 绘制指针 绘制标尺 绘制文本 交互效果 1.组件参数 以下是下文会使 ...
HTML5拓扑图形组件设计之道（一）
HT for Web（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everything you need to create ...
HTML5 Canvas开发者和读者的福音
演示 今天看到可见即可得的编程 ，其中是在svg中实现的。理所当然，它可以搬到 canvas当中，而且支持canvas动画播放，而不是仅仅是静态的svg。效果如下所示: Your browser does not support the canvas element. ...
HTML5 canvas开发详解(第2版)
HTML5 canvas开发详解(第2版) 封面介绍 O’Reilly Media，Inc.介绍 第2版介绍 第1版的更新 如何运行本书中的示例 读者需要具备的知识 本书组织结构 代码示例的使用 联系方式 Safari® 在线图书 1 HTML5 Canvas简介 1.1 ...
快速开发基于 HTML5 网络拓扑图应用1
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现 ...