# 函数生成器 **Repository Path**: day0stack/function-generator ## Basic Information - **Project Name**: 函数生成器 - **Description**: 使用 TypeScript 实现了函数生成器的基本功能,包括绘制坐标系,移动坐标系,放大,缩小,回到原点。 没有参考任何这方面开源软件的代码,纯自主实现,实现了从 0 到 1,提升了自身代码的水平。 - **Primary Language**: TypeScript - **License**: GPL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-03-12 - **Last Updated**: 2022-03-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 函数生成器 #### 介绍 一款简单的函数作图工具 #### 软件架构 Typescript & WebPack & Art-Template 进行开发,使用 Canvas 标签进行绘制 实现的具体功能包括绘制坐标系,移动坐标系,放大,缩小,回到原点 #### 安装 ##### npm ``` npm i functool@1.0.3 -S ``` ##### yarn ``` yarn add functool@1.0.3 -S ``` #### 使用 | 选项 | 类型 | 描述 | | ------ | ------- | ----------------- | | root | Div DOM | 容器 (必选) | | limits | Object | 画布的宽高 (可选) | | colors | Object | 颜色定义 (可选) | ##### 引入标签 ```html ``` ```js
// test.js new tool( { root: document.querySelector('#functool') }, limits: { width: 600, height: 600 } ); ``` ##### 模块管理 ```js import tool from 'functool' new tool( { root: document.querySelector('#functool') }, limits: { width: 600, height: 600 } ) ``` ### 效果 ![Image text](https://gitee.com/day0stack/function-generator/raw/master/images/main.gif)