文章分类

站点统计

  • 分类总数: 13 个
  • 文章总数: 145 篇
  • 评论总数: 48 条
  • 附件总数: 59 个
  • 建站日期: 2008-08-18
  • 访问总数: 492894 人次
  • RSS订阅: 文章|评论

JavaScript图形库Raphaël

Admin 于 2008-10-19 00:09:22 发表JavaScript

订阅: http://www.kaiyuan8.org/Feed/Article_122.aspx
引用: 点这里获取地址 (UTF-8)
完成了AStyle的.Net调用接口[AStyle.Net.Interface] < JavaScript图形库Raphaël > JavaScript图形库jsGraphics

Raphaël 是一个小巧的JavaScript图形库,通过它可以在网页中类似于Windows的GDI方式进行绘图。Raphaël底层通过SVG或VML实现,支持的浏览器有Firefox 3.0+, Safari 3.0+, Opera 9.5+ 和Internet Explorer 6.0+。Raphaël基于MIT License发布。

在页面中引用raphael.js脚本文件后,就可以像下面这样进行绘图了:

  1. // Creates canvas 320 × 200 at 10, 50 
  2. var paper = Raphael(10, 50, 320, 200); 
  3. // Creates circle at x = 50, y = 40, with radius 10 
  4. var circle = paper.circle(50, 40, 10); 
  5. // Sets the fill attribute of the circle to red (#f00) 
  6. circle.attr("fill""#f00"); 
  7. // Sets the stroke attribute of the circle to white (#fff) 
  8. circle.attr("stroke""#fff"); 

演示:

 文档:http://raphaeljs.com/reference.html

被阅1248次, 0投一票Raphaël
  • 看完了要说点啥么?
  • 昵称 (不填说不了话)
  • 信箱地址 (不会被公开,但是不填也说不了话)
  • 网址 (这个不填也成)
Powered by MiniBoke v2.0.0.8 Build 0828

Copyright © 2008 开源吧!. All rights reserved.

粤ICP备07500939号