Raphaël

JavaScript绘图库
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 袁枫涟
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Raphaël.js 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。

Raphaël.js使用SVG W3C推荐标准和VML作为创建图形的基础。这意味着你创建的每一个图形对象也是一个DOM对象,所以你可以附加JavaScript事件处理程序或以后对其进行修改。Raphaël.js目标是提供一个适配器,绘制矢量图兼容大部分浏览器。目前支持的浏览器 Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+。

示例代码:

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

在线效果演示:http://raphaeljs.com/pie.html

  • Raphaël—JavaScript Library Raphaël—JavaScript Library What is it? Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own s

  • Raphaël http://dmitrybaranovskiy.github.io/raphael/ // ┌────────────────────────────────────────────────────────────────────┐ \\ // │ Raphaël 2.1.0 - JavaScript Vector Library │ \\ // ├───────────────

  • Raphaël · Polar Clock Raphaël · Polar Clock posted on 2014-05-21 16:10  lexus 阅读( ...) 评论( ...) 编辑 收藏 转载于:https://www.cnblogs.com/lexus/p/3741507.html

 相关资料
  • PyQt5绘图系统能渲染矢量图像、位图图像和轮廓字体文本。一般会使用在修改或者提高现有组件的功能,或者创建自己的组件。使用PyQt5的绘图API进行操作。 绘图由paintEvent()方法完成,绘图的代码要放在QPainter对象的begin()和end()方法之间。是低级接口。 文本涂鸦 我们从画一些Unicode文本开始。 #!/usr/bin/python3 # -*- coding: u

  • 函数 说明 series . plot 是表单 Series 特定绘图方法的可调用方法和命名空间属性。 Series.plot([kind, ax, figsize, ….]) Series 绘图存取器及方法 Series.plot.area(**kwds) 面积图 Series.plot.bar(**kwds) 竖线图 Series.plot.barh(**kwds) 水平柱状图 Series.

  • PyQt5 绘图系统能渲染矢量图像、位图图像和轮廓字体文本。一般会使用在修改或者提高现有组件的功能,或者创建自己的组件。使用 PyQt5 的绘图 API 进行操作。 绘图由 paintEvent() 方法完成,绘图的代码要放在 QPainter 对象的 begin() 和 end() 方法之间。是低级接口。 文本涂鸦 我们从画一些 Unicode 文本开始。 #!/usr/bin/python3

  • 更改画笔大小和钢笔压力的不透明度 如果您使用图形绘制绘图板(例如 Wacom® 绘图板),则可以通过钢笔压力、角度、旋转或光笔轮来控制绘画工具。 选择“画笔”、“铅笔” 或其他绘画工具。 在选项栏中,执行下列某个操作: 单击“绘图板压力控制大小”按钮。 单击“绘图板压力控制不透明度”按钮。 注意:选取“窗口”>“画笔”可访问根据钢笔压力而改变角度、流量、散布程度、纹理深度以及描边圆度的其他控制选项

  • 主要内容:在图上添加标题,标签,网格线和缩放,在同一个图上绘制多个函数,在图上设置颜色,设置轴刻度,生成子图要使用函数来绘制图形,需要执行以下步骤: 通过指定要绘制函数的变量的值的范围来定义。 定义函数, 调用命令,如下: 以下示例将演示该概念。下面绘制的值范围是从到,使用简单函数,增量值为。 创建脚本文件并键入以下代码 - 执行上面示例代码,得到以下结果 - 下面再来一个例子来绘制函数。 在这个例子中,将绘制两个具有相同函数的图,但是在第二次,将减小增量的值。请注意,当减少增量时,图形变得更平

  • ExtJS中的绘图包使您可以绘制通用图形。 这可用于适用于所有浏览器和移动设备的图形。 Sr.No 画画 1 Circle 此图形用于创建圆形形状。 2 Rectangle 此图形用于创建矩形形状。 3 Arc 此图形用于创建弧形。 4 Ellipse 此图形用于创建椭圆形状。 5 EllipticalArc 此图形用于创建椭圆弧形状。 6 Image 此图形用于向应用程序添加图像。 7 Path

  • 自从Android4.3(Jelly Bean)以来,我们现在可以使用文件夹来存储“mipmap”图像。 例如,Chrome For Android将图标存储在这些文件夹中,而不是更普通的文件夹。 这些mipmap图像与其他熟悉的可绘制图像有何不同? 我看到在我的清单中,我们使用了限定符,而不是,这对于资源文件夹名称是有意义的: Android 4.3 API文档有以下内容: 使用mipmap作为

  • 这是如何与datetime一起工作的?我不能绘图日期时间x日期时间对象?这个问题是由于在y轴上绘制“小时/分钟”时的一些问题,它变得混乱。 在这个例子中,我的小时图从11:13开始,到10:54结束,但是范围是08:33到11:55 在matplotlib中打印时,它可以识别范围(我想要的),但在dash中,它会创建一个从最低值到最高值的阶梯 是的,我已经尝试过'yax':{tickform:'%