Skip to content

Qcanvas是一个功能强大而使用简单的JS Canvas库,在线文档(以Wiki为准):http://lizhicheng99.gitee.io/qcanvas-api-1.0 https://zhicheng99.github.io/Qcanvas-API/ 能通过使用它实现在Canvas上画线、画矩形、画图片、实现动画、实现拖动、包括给元素注册各类事件等一系列功能。通过使用Qcanvas从而以较为简单的方式实现较为复杂的Canvas功能

zhicheng99/qcanvas

Repository files navigation

Qcanvas

文档同步更新 http://lizhicheng99.gitee.io/qcanvas-api-1.0 https://zhicheng99.github.io/Qcanvas-API/

框架引入方法

方法一

npm安装

执行:npm install qcanvas 页面引用: import {Qcanvas} from 'qcanvas';

方法二

使用script标签直接引用

示例展示 https://zhicheng99.github.io/qcanvas/ 部分示例载图

线

文本

矩形

多边形

图片

精灵图

动画

修改元素层级

layer中的元素层级

拖动限制范围 (现只支持Qarc、Qpolygon、Qrect实例)

右键菜单

二次曲线

二次曲线控制点计算

三次曲线

三次曲线控制点计算

折线连接元素(横向)

折线连接元素(竖向)

折线连接元素(横向)拖动

折线连接元素(竖向)拖动

rect缩放 旋转

rect缩放 旋转 算法

About

Qcanvas是一个功能强大而使用简单的JS Canvas库,在线文档(以Wiki为准):http://lizhicheng99.gitee.io/qcanvas-api-1.0 https://zhicheng99.github.io/Qcanvas-API/ 能通过使用它实现在Canvas上画线、画矩形、画图片、实现动画、实现拖动、包括给元素注册各类事件等一系列功能。通过使用Qcanvas从而以较为简单的方式实现较为复杂的Canvas功能

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published