摘要：
我们的项目是面向学校老师的教学软件，所以肯定少不了互动白板的功能，而这个里面的画笔功能是由我来开发的，下面介绍这个过程中遇到的问题以及解决方法。 首先给大家明确下由于软件中的画布可以自由移动，会超出屏幕显示范围，同时支持点擦和线擦，所以需要存储所有点坐标。 第一版简单画笔实现并优化掉折线感 第一版实 阅读全文
摘要：
1、向量的定义 在数学中，向量（也称为矢量），指具有大小和方向的量。它可以形象化地表示为带箭头的线段。 箭头所指：代表向量的方向； 线段长度：代表向量的大小。 2、向量的点乘 向量点乘的数学定义： 向量点乘的几何意义： 向量的点乘可以用来计算两个向量之间的夹角，进一步判断这两个向量是否正交（垂直）等 阅读全文
摘要：
假如有点 A (x1,y1) 、B (x2,y2)、C (x3,y3)计算他们的斜率 k = (y1-y2)/(x1-x2); 但是， x1如果和 x2 相等，则 k为无穷大，所以，我们代码里面，一般用数组k = [ y1-y2 , x1-x2 ]令 a = y1 - y2; b = x1 - x2 阅读全文
摘要：
应用场景 我们的项目中有个功能是，canvas上的某个图片选中后可以再这个图片上用鼠标拖拽绘制画笔线条。 当然绘制的边界要控制在图片大小范围内的，那么鼠标是可以随意动的，怎么能控制只在图片上的时候才绘制呢？ Canvas 2D API 有直接提供的方法：CanvasRenderingContext2 阅读全文
摘要：
项目中一直有一个问题困扰着我，我们的画布可以缩放平移旋转，支持拖拽生成图形，生成手写笔迹，如果用户选择的线条粗细为5像素，那么即使画布缩放过绘制出的线条粗细也应该是视觉上的5px，所以再绘制时赋值给context.lineWidth的值需要一个计算过程（利用canvas当前缩放值来计算出一个值）。 阅读全文
摘要：
杨辉三角与排列组合数 杨辉三角是二项式系数在三角形中的一种几何排列 １ １ １ １ ２ １ １ ３ ３ １ １ ４ ６ ４ １特点： 一个数等于上面两个数相加。第m行n列的值（m，n从0开始）等于根据这个特点，可以统计的所有值，并存入一个二维数组中，为你所用，该数组形如： １ ０ ０ ０ ０１ 阅读全文
摘要：
AxeSlide软件项目梳理 canvas绘图系列知识点整理 插入图表 首先介绍我们的图表功能，点击插入图表弹出如下数据表格窗口，可以填写表格数据，点击确定，默认生成表格图 编辑图表 表格图选中，可以进行编辑。右侧会出现图标类型，数据编辑，属性设置。这里支持highcharts里面的柱状图，折线图， 阅读全文
摘要：
AxeSlide软件项目梳理 canvas绘图系列知识点整理 因为用户有可能会插入大量图片到软件中，canvas绘制起来性能堪忧，缩放或者平移画布会出现卡顿的现象。这跟图片的大小有很大关系，越是高清大图，绘制到canvas上，特别是在canvas缩小的情况下，越耗费性能。 所以我们打算分等级去绘制图 阅读全文
摘要：
AxeSlide软件项目梳理 canvas绘图系列知识点整理 可参考 绘制图片 现在我们绘制视频同样使用drawImage this.context.drawImage(videoElement, x, y, width, height); 因为视频播放时连续不同的画面，需要用到帧循环去不断绘制。这 阅读全文
摘要：
我们的项目使用Git作为代码仓库、和版本控制工具。 Git有几种Workflow，来管理代码版本变更流程，我们采用Gitflow Workflow流程。 Gitflow Workflow，采用了master、develop、release、feature、hotfix等几个分支。master、dev 阅读全文