mk

math-keyboard

基于vue项目的移动端数学公式键盘,支持手写

Showing:

Popularity

Downloads/wk

5

GitHub Stars

25

Maintenance

Last Commit

1yr ago

Contributors

2

Package

Dependencies

2

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

math-keyboard

基于vue项目的移动端数学公式键盘,支持手写

Demo地址

演示地址 (测试手写识别接口暂时失效)

更新日志

  1. 增加输入框触摸移动光标

插件的安装

NPM

npm i math-keyboard

插件依赖

由于本插件公式渲染使用了mathquill.js,该插件依赖于JQuery,所以需要正确引用JQuery

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

引入插件

import Vue from 'vue';
import MathKeyboard from 'math-keyboard';

Vue.use(MathKeyboard);

基本用法

<!-- 公式渲染 -->
<math-render :value.sync="value" :imgshow='!show'></math-render>

<!-- 键盘 -->
<math-keyboard 
    :show.sync="show"
    v-bind:keypanel='1'
    :value.sync="value"
    :output.sync="output"
    url='http://localhost:8080/formula'
    v-bind:writeShow='true'
></math-keyboard>

API

参数说明类型默认值
:show.sync键盘的显示与隐藏Booleanfalse
v-bind:keypanel默认键盘的面板(1.数字2.符号3.字母)Number1
:value.sync当前键盘LaTeX值,会实时更新,可当做默认值传递String
:output.sync输出LaTeX值String
url手写识别接口地址String
v-bind:writeShow是否使用手写Booleantrue

手写识别

本插件手写识别使用的是 seshat,感兴趣的可以自行搭建,默认接口使用的是官方示例接口

请求示例:

$.ajax({
  url:"http://cat.prhlt.upv.es/mer/eq.php",
  method: 'post',
  data: {
    strokes:params
  },
  dataType:'json',
  success(res){
    console.log(res.data)
    }
})

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial