jpaths(#€)
概述
jpaths 是一个简单绘图类库,兼容 svg、canvas 和 vml。
jpaths 可以说是一个只支持 path 元素简版的 Raphaël
如果项目只需要绘制路径,可以选择 jpaths。
支持的格式
- M - moveto
- L - lineto
- C - curveto
- Z - closepath
使用方法
安装
- npm
$npm install jpaths
- bower
$bower install jpaths
API
jpaths
实例
创建 /*** 创建矢量路径类* @param * @field * @field * @field * @field * @field * @field * @field */jpaths { ... }
jpaths
实例
释放 /** * 释放资源 */Pathprototype { ... }
jpaths
属性
操作 /** * 设置属性 * @param * @param */Pathprototype { ... } /** * 批量设置属性 * @param */Pathprototype { ... } /** * 获取属性 * @param */Pathprototype { ... }
示例
void { var pathBase = jpaths; JSONEditordefaultsoptionstheme = 'bootstrap2'; var editor = document schema: type: 'object' properties: path: title: '路径' type: 'string' format: 'text' default: 'M10,10 L210,10 L210,210 L10,210 Z' stroke: title: '边线颜色' type: 'string' default: '#ff0000' format: 'color' 'stroke-opacity': title: '边线透明度' type: 'integer' default: 1 minimum: 0 maximum: 1 'stroke-width': title: '边线宽度' type: 'integer' default: 1 fill: title: '填充颜色' type: 'string' default: '#00ff00' format: 'color' 'fill-opacity': title: '填充透明' type: 'number' default: 1 minimum: 0 maximum: 1 ; editor;};