张 有策
Layout - Algorithm to implement a word cloud like Wordle. WordCloud for Silverlight « Mike Talbot's Blog. Download the latest version of WordCloud Access the WordCloud project on GitHub My Silverlight WordCloud control enables the production of Wordle style word clouds in your Silverlight application.
The component supports individual word sizing, colouring, angle and opacity. The idea of a word cloud is to represent some numerical data that can be linked to a word. As a developer you supply a list of entries, each of which has a word or phrase and a series of values that are used to determine the size, angle, colour and intensity of a word. The component is inserted into the XAML like this: The you create a series of entries however you like and pass them to the Entries property of the control: Manipulating Words The numerical values are all scaled differently depending on the property.
Size Alpha For Alpha Intensity the smallest value will map to the minimum opacity specified in FromAlpha and the largest value will map to the maximum opacity specified in ToAlpha. Angle Properties. 云标签,关键字图排版 html5 canvas版(一)_技术/软件. 最近业余时间在做一个云标签相关的信息展现.
大概做成的情况能像微博关键字一样形成这样的图形: 在做的过程当中,查阅了一些资料, 发现自己有点out了,在国外已经在wordle.net这样的网站. 也有一个叫做信息视觉化(Information Visualization)的概念.于是顺着这个概念再googling了一些相关的知识.把一些知识点做一下笔记. Information Visualization 漂亮,惊艳.与传统的云标签的表现力对比,原来的太普通了.给人全新的一种视觉感受. 而后我的想法则是为什么这么有表现力的技术不能用在我们现在的项目上? 过程 以上图为例,一句话简单的描述起来就是,不停的尝试把当前的文字放到能够放到的位置,直到没有文字为止. 这里面需要特别说明的几点, 各位可以先试想一下这几个问题: 1.如何进行字符碰撞检测? ---------分隔线-------- 1. 关键代码 1.文字count 如果是中文的话,需要处理分词,分好词后再count. 2.范围 如何能让文字随机显示在界面上呢?
Function normalInt(min, max, iter) { var arr = []; for(var i=0; i<iter; i++) arr.push(Math.random()); return Math.floor(arr.reduce(function (i, j) {return i + j}, 0) / iter * (max - min)) + min; } iter值越大,得出的结果越接近于min, max的中间值. Var x = normalInt(0, canvas.width, 100), y = normalInt(0, canvas.height, 100); 理论上,将正态分布在画布的中心周围. 3.如何能得到显示文字边缘 canvas里面能获得imagedata, 获取CanvasPixelArray接口为canvas.getContext('2d').getImageData(x, y, width, height); 数据类型为CanvasPixelArray. Python-qq - Python语言实现的QQ客户端，湖北依赛特开源项目中的一个。 吴清源. Acunetix Web Vulnerability Scanner 8.x Consultant Edition KeyGen By Hmily[LCG] - 『LCG Area』 - 吾爱破解论坛【 LCG 】【 LSG 】 - Powered by Discuz! 带你读懂互联网行业的科技博客.
Silverlight, WPF, Windows Phone & SharePoint Charts / Gauges. 推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空（山边小溪） 如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。 很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。 HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。 HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。 今天，本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。 Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 Canvas把数据转换为可视化的图表。 rGraph是一个基于HTML5 canvas的图表库。 iGrapher是一个免费的基于Web的，分析和预测股票、货币和商品的市场走势的可视化工具。 由Ed Mackey开发的函数图形绘制工具，使用Canvas绘制二维数学函数图形。 使用HTML5 Canvas元素和Javascript绘制条形图。 一个动态图形查看器，可通过JavaScript接收数据并即时更新到图表中。 Graph.tk是一个开源的图形工具，可以以不同的风格呈现函数曲线。 Ticker plot也是一个开源项目，使用股票符号绘制走势图。 类似于Google的Flash财经图表工具，HumbleFinance是一个基于HTML5 canvas的图表项目。 一个HTML5 canvas实验项目，看看它用于呈现图表的特性。 Graphr是一个使用JavaScript编写的计算器，由 Richard Ye 开发。 基于HTML5特性开发的饼图工具，拥有漂亮的动画效果。 AwesomeChartJS是一个简单的Javascript库，可用于创建基于HTML 5 Canvas元素的图表。
JsGraph是一个轻量的javascript库，用于结合HTML5呈现图表。 基于Prototype开发的可视化数据图表。 ASK KEN™是一个序列的节点连接图，可以让你通过可视化导航链接到 Freebase 服务提供的主题。 CanvasXpress是另外一个结合HTML5特性开发的跨浏览器图表库，兼容主流浏览器。 如果前面那些开源和免费的图表方案都满足不了你的项目，可以试试ZingChart，这是首个可以以Flash和HTML5 Canvas两种方案呈现图表的图表库。 深度阅读 如果使用 HTML5 Canvas 元素进行绘图。 九个让人难以置信的HTML5和JavaScript实验 - 梦想天空（山边小溪） 您可能还喜欢 Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目，里面的例子都很独特，让人惊叹。
我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。 今天，本文与大家分享其中9个很棒的例子，为了有更好的效果，建议在Chrome浏览器中浏览。 Untangle 拖动蓝点，让所有线都不相交，看看你多久能解开？
Help. Tech. 技术前瞻. Pearltrees videos.