整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
理化老师在日常教学中，经常要撰写各种公式，但由于公式并非简单的字符，并不能直接在Word中输入，所以输入那些非常见的公式，对老师们来说是个让人头痛的难题。不过我们可以借助Mathpix快速将手写的公式扫描识别，再通过LaTeX编辑处理，最后再导入大家常用的Office软件中。
快速识别数理化公式
Mathpix可以到mathpix.com下载（支持Windows、苹果及Linux），安装启动后就可以使用它的OCR识别功能了。由于Mathpix使用的是在线识别的方式，因此在使用过程中请确保本机联网。
首先将需要输入的公式写在普通的白纸上，为了识别更为准确，书写时一定要注意公式的规范、工整，字体清晰。然后使用微信拍摄传输到电脑上，在电脑微信端打开书写的公式图片（图1）。
图1 截图识别
此时按下Ctrl+Alt+M组合键进行截图，Mathpix即会快速识别，并自动输出可编辑的公式。
精确修正识别误差
Mathpix对手写公式的识别还有丝许误差，如本例中的平均速度V的上划线以及“t/2”都没有正确识别（图2）。
图2 查看识别结果
不过Mathpix的识别结果是可以编辑的LaTeX语法，我们可以直接双击下方的命令，然后在编辑窗口进行修改。熟悉LaTeX语法朋友可以看到，公式中的各种位置的字符是通过可以编辑的语法命令组成的。比如我们要将V更改为平均速度，那么只要在t字母之前输入“\overline{V}”代
对于“1/2t”的修改，按提示将原来语法中的t更改为“{\frac{t}{2}}”，这样就可以获得准确的公式了。完成上述的修改后点击“Copy Png”，将当前公式复制为图片并粘贴到Word等软件中即可使用了（图4）。
图4 复制图片到Word中
平时很多公式，老师们是通过互联网的搜索获取的，我们同样可以在打开的网页中直接进行截取并识别，然后在Mathpix中进行精确修改，从而将网上的图片公式快速转化为可编辑的公式了（图5）。
图5 识别网页公式
直接手工输入公式
既然Mathpix的公式实际是由命令代码组成的，那么我们直接编辑代码也可以生成各种想要的公式。同时按下Ctrl+Alt+M组合键激活Mathpix，接着在其编辑窗口输入自己需要生成的公式代码，主窗口上方即可显示相应的公式了（图6）。LATEX数学公式基本语法可以打开www.cnblogs.com/houkai/p/3399646.html查看，大家可以根据其中的介绍自己“写”出各种需要的格式。
图6 输入代码生成公式
小提示：
★除了对公式进行识别外，Mathpix还可以对其他外文语言进行识别。比如一些无法编辑的英文PDF文档，或者某些图片上的文字需要转化为可编辑的文字。同上打开PDF文档后按下Ctrl+Alt+M组合键激活截图，截取PDF或者图片上的英文语句后就会自动转化为可以编辑的文本，按提示将其复制到记事本或者Word中进行编辑即可，同样对于其他我们无法识别的语言文本，如某些图片上的法语、德语，使用Mathpix进行识别后复制到百度翻译进行翻译即可（图7）。
图7 识别英文语句
通过上述介绍可以知道，Mathpix是通过扫描图片公式变为可编辑的LATEX语法实现公式的编辑和输入的，它和Word里的插入公式不同。在Word里我们只能输入有限、系统预置的公式，并且只能进行简单的编辑。虽然Word还提供一个手写输入公式的方法让我们实现自定义输入，但是和Mathpix相比，识别率更低，显然无法和直接可以编辑的LATEX语法相比，强烈建议经常需要输入公式的教师们使用Mathpix进行公式的识别和输入（图8）。
图8 Word中手写输入公式识别率低
当今这个数字化时代，高效办公已经成为了每个企业和个人的追求。为了满足这一需求，我们隆重推出了一款名为"一键转换HTML至PDF"的智能在线转换器，它能够引领您迈向高效办公的新潮流。
首先，我们要进入首助编辑高手主页面，我们要在主页面上方的板块栏里选择“pdf工具箱”
第二步，进入板块之后，我们可以点击“添加文件”在弹出来的文件夹中将html的文件进行导入
第三步，导入完毕之后，我们就可以在表格上方下拉列表选择“html转PDF”即可。
第四步，设置完毕之后，我们就可以在下方选择文件的保存文章了，有两种，第一种是：保存在原位置，第二种是指定位置。小编选择的是第一种方式
第五步，如何指定位置？点击选择新位置，在弹出来的文件夹中选择好一个文件夹做为保存位置即可。
第六步，完毕都设置完毕之后，我们就可以点击开始转换，等状态栏显示转换成功，即可
第七步，在打开文件夹，我们就可以看见原来的html文件已经被一键切换成pdf文件了。
js2flowchart 是一个可视化库，可将任何JavaScript代码转换为漂亮的SVG流程图。你可以轻松地利用它学习其他代码、设计你的代码、重构代码、解释代码。这样一个强大的神器，真的值得你拥有，看下面截图就知道了，有没有很强大。
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
yarn add js2flowchart
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>fly测试</title> </head> <body> <div style="width:50%;float:left"> <p id="svgImage"></p> </div> <div style="width:50%;float:left"> <textarea name="" id="jsContent" style="width: 90%;height:900px" oninput="createSVG()"> </textarea> </div> <script src="./node_modules/js2flowchart/dist/js2flowchart.js"></script> <script src="./index.js"></script> </body> </html>
index.js
createSVG = () => {
document.getElementById("svgImage").innerHTML = null;
let code = document.getElementById("jsContent").value;
const { createFlowTreeBuilder, createSVGRender } = js2flowchart;
const flowTreeBuilder = createFlowTreeBuilder(),
svgRender = createSVGRender();
const flowTree = flowTreeBuilder.build(code),
shapesTree = svgRender.buildShapesTree(flowTree);
const svg = shapesTree.print();
document.getElementById("svgImage").innerHTML = svg;
};
createSVG();
我们直接在文本域中输入自己的代码，如下，左边会直接生成流程图，这只是一个简单的示例：
js2flowchart获取您的JS代码并返回SVG流程图，适用于客户端/服务器，支持ES6。
主要特点：
用例场景：
以上所有功能可以直接到github上详细了解，用法太多，这里就不在介绍了！
这么强大的东西，有人肯定说如果在开发的时候实时看到流程图有助于理解代码，官网提供了插件（我在最新版中测试失效了，不知道是否是我使用的有问题还是插件本身的问题），如果感兴趣的可以到扩展商店搜索code-flowchart。如果测试成功，欢迎到评论区分享。以下是我vscode版本和官网的插件使用截图。
如果利用好这个插件，可以开发出Chrome插件，以及其他JavaScript编辑器或者IDEA的插件，由于官方github已经几个月没更新了，所以还不知道未来会不会支持！
js2flowchart是一个比较实用的Javascript插件，可以用来做很多事情，不管是自己写代码。还是阅读别人的代码，都无疑是一大助力，能够帮助我们提升我们的代码能力，更容易的阅读代码，这样学习起来就快了，希望对你有所帮助！如果有什么好的建议，也可以到评论区分享！
*请认真填写需求信息，我们会在24小时内与您取得联系。
