分类 图形可视化 下的文章

raphaeljs 实例教程——仪表盘

看下效果图:
12343534534jhd

先说下核心思路:

  1. 根据定义的圆心坐标画0~100的刻度;
  2. 红色指针围绕固定坐标的旋转;

基本的路径画图这里不详细介绍了。不会的同学可以看raphaeljs官网的api,多多练习即可。咱们直接说核心问题。

先说第一点根据圆心画刻度:用for循环进行绘制,……

查看详细

关于 raphaeljs 结合 illustrator 的图形测试

最近项目需要图形化方案的一个功能,选了好久结合实际需求还是选择了 raphaeljs ,因为兼容性还是比较正要的。像大名的D3,虽然如火如荼,但是不兼容IE8以下确实还是硬伤。好了,进入正题。

raphaeljs 是矢量图形库。提供了很多画图的方法,但是在实际工作中,不会是简单基于图形的图标,……

查看详细