基于canvas的移动端手写插件

ゞ浴缸里的玫瑰 2022-05-23 13:24 259阅读 0赞

## mobile-graphics ##

基于canvas的移动端手写插件

github地址：[https://github.com/fisher-zh/graphics\[https://github.com/fisher-zh/graphics\]][https_github.com_fisher-zh_graphics_https_github.com_fisher-zh_graphics]

### 安装 ###

#### 模块化安装 ####

npm install mobile-graphics --save

#### 直接引入 ####

<script src="./dist/graphics.min.js"></script>

### 使用 ###

// 直接使用script标签引入可以直接使用 Graphics 类
    const Graphics = require('mobile-graphics');
    const graphics = new Graphics({
        el: document.getElementById('canvas'), // 挂载节点
        linewidth: 2,                          // 线条宽度
        color: '#000',                         // 线条颜色
        background: '#fff'                     // 背景颜色
    })

### 参数 ###

{
        el: document.getElementById('canvas'), // 挂载节点(必填)
        linewidth: 2,                          // 线条宽度
        color: '#000',                         // 线条颜色
        background: '#fff'                     // 背景颜色
    }

### 方法 ###

graphics.clear()    // 清空画布
    graphics.previous() // 返回上一步
    graphics.save()     // 保存画布（该函数会直接返回一个base64）

[https_github.com_fisher-zh_graphics_https_github.com_fisher-zh_graphics]: https://github.com/fisher-zh/graphics[https://github.com/fisher-zh/graphics]

发表评论取消回复

表情：

评论列表（有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

相关利用Canvas实现手写板的插件

是一篇讲解vue版本的基于canvas的手写板插件，文章刊载在我的[个人博客][Link 1](链接如果404，请删除地址栏/blog/后面的内容再刷新浏览器，或者直接访...

待我称王封你为后i/ 2024年04月17日 15:45/ 0 赞/ 73 阅读

相关移动端常用插件

文章目录一、什么是插件二、fastclick 插件 1.使用步骤 2.插件源码三、

ゝ一纸荒年。/ 2023年09月26日 11:22/ 0 赞/ 87 阅读

相关一个移动端日历插件

最近移动端项目有要用到日历插件的一个共能，于是github 找了个 mpvue-calendar ，开始以为是专门给小程序用的，然后试了下移动端也是可以用。最终效果如下：里

迈不过友情╰/ 2023年08月17日 17:07/ 0 赞/ 198 阅读

相关移动端日期选择插件

index.html <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset

柔情只为你懂/ 2023年08月17日 16:24/ 0 赞/ 214 阅读

相关基于Vue的移动端图片查看插件

wc-view 移动端图片浏览插件安装 npm i wc-view --save-dev 使用 import wcView from '

￡神魔★判官ぃ/ 2023年06月20日 06:42/ 0 赞/ 49 阅读

相关移动端日期选择插件

移动端的日期选择插件相比PC端比较少，主要原因是不同手机浏览器的效果不一样，mobiscroll 太臃肿了，而且不是免费的，一个字：丑在此向大家分享一款手机端的日期选

￡神魔★判官ぃ/ 2022年06月13日 05:13/ 0 赞/ 680 阅读

相关基于canvas的移动端手写插件

mobile-graphics 基于canvas的移动端手写插件 github地址：[https://github.com/fisher-zh/graphics\[ht

ゞ浴缸里的玫瑰/ 2022年05月23日 13:24/ 0 赞/ 260 阅读

相关移动端滚动插件 BetterScroll

BetterScroll 详细介绍 [BetterScroll][] 是一款重点解决移动端各种滚动场景需求的开源插件，适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用

落日映苍穹つ/ 2022年05月18日 09:41/ 0 赞/ 344 阅读

相关 html 移动端插件整理

1、附件上传 webupload：[https://fex.baidu.com/webuploader/][https_fex.baidu.com_webuploader]

我不是女神ヾ/ 2022年01月16日 15:21/ 0 赞/ 410 阅读

相关移动端手写tab栏

Demo 使用Vue.js实现 -------------------- javascript new Vue({ el: "a

骑猪看日落/ 2021年09月07日 06:00/ 0 赞/ 522 阅读