摘要:不改变坐标原点的位置和单位长度,只改变坐标轴方向的坐标系的变换,叫做坐标轴的旋转. 设点M在原坐标系中的坐标为(x,y),对应向量的模为r,幅角为.将坐标轴绕坐标原点,按照逆时针方向旋转角形成新坐标系,点M在新坐标系中的坐标为(如图2-4),则 由此得到坐标轴的旋转的坐标变换公式 平面上一点x1,y 阅读全文
posted @ 2018-03-22 11:17 方帅 阅读(27169) 评论(0) 推荐(3) 编辑
摘要:清空canvas画布内容 1、重置宽或高 由于canvas每当高度或宽度被重设时,画布内容就会被清空,因此可以用以下方法清空:(此方法仅限需要清除全部内容的情况) var c=document.getElementById("myCanvas"); c.width=c.width; 2、clearR 阅读全文
posted @ 2017-07-17 16:17 方帅 阅读(21115) 评论(0) 推荐(3) 编辑
摘要:先介绍一下我负责的软件项目 AxeSlide斧子演示,估计大部分人没有听说过,但国外有一款叫Prezi的软件,应该有人使用过。 这是我们产品的官网http://www.axeslide.com/,里面有很多用户上传的作品看过一个之后就知道这个软件具体的作用了。 下面这个gif的效果就是用软件做出来的 阅读全文
posted @ 2017-01-13 18:03 方帅 阅读(958) 评论(0) 推荐(2) 编辑
摘要:AxeSlide软件项目梳理 canvas绘图系列知识点整理 前言 在我的另一篇博文 Canvas坐标系转换 中,我们知道了所有的平移缩放旋转操作都会影响到画布坐标系。那在我们对画布进行了一系列操作之后,怎么再知道当前矩阵数据状态呢。 具体代码 首先请看下面的一段代码(下文具体解释代码作用): 1 阅读全文
posted @ 2016-07-08 15:37 方帅 阅读(4606) 评论(0) 推荐(3) 编辑
摘要:AxeSlide软件项目梳理 canvas绘图系列知识点整理 画布操作介绍 画布绘图的环境通过translate(),scale(),rotate(), setTransform()和transform()来改变,它们会对画布的变换矩阵产生影响。 函数 方法 描述 translate dx,dx 转 阅读全文
posted @ 2016-07-06 16:45 方帅 阅读(28455) 评论(0) 推荐(6) 编辑
摘要:修饰符 修饰符描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m 执行多行匹配。 方括号 方括号用于查找某个范围内的字符: 表达式描述 [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。 [0-9] 查找任何从 0 阅读全文
posted @ 2021-01-23 11:55 方帅 阅读(13) 评论(0) 推荐(0) 编辑
摘要:前言 用过angular-cli,create-react-app这些脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,可以使用类似ng generate之类的命令。小弟研究了以下,原来是这样的。 package.json 贴一个简单的package.json { "name": "a 阅读全文
posted @ 2021-01-22 16:54 方帅 阅读(6) 评论(0) 推荐(0) 编辑
摘要:web-components 里面的组件库 修改频繁 可以使用link 创建链接,引用放就不需要每次都重新发布重新安装更新了 功能 在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试 使用方法 创建链接 在这里,我们有两个 阅读全文
posted @ 2021-01-22 16:12 方帅 阅读(15) 评论(0) 推荐(0) 编辑
摘要:运行webpack-dev-server的时候,可以正常启动服务,但是Terminal控制台报错,如下: ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 6:16-37 Module not 阅读全文
posted @ 2021-01-19 14:36 方帅 阅读(15) 评论(0) 推荐(0) 编辑
摘要:正则表达式从左到右进行计算,并遵循优先级顺序,这与算术表达式非常类似。 相同优先级的从左到右进行运算,不同优先级的运算先高后低。下表从最高到最低说明了各种正则表达式运算符的优先级顺序: 优先级顺序 运算符 描述 \ 转义符 (), (?:), (?=), [] 圆括号和方括号 *, +, ?, {n 阅读全文
posted @ 2021-01-15 17:14 方帅 阅读(15) 评论(0) 推荐(0) 编辑
摘要:子模式 在使用正则表达式的时候,我们经常会使用()把某个部分括起来,称为一个子模式。 子模式有Capturing和Non-Capturing两种情况。 Capturing指获取匹配or捕获匹配 ,是指系统会在幕后将所有的子模式匹配结果保存起来,供我们查找或者替换。如后向引用的使用; Non-Capt 阅读全文
posted @ 2021-01-15 11:18 方帅 阅读(215) 评论(0) 推荐(1) 编辑
摘要:正则表达式引擎 说起回溯陷阱,要先从正则表达式的引擎说起。正则引擎主要可以分为基本不同的两大类:一种是DFA(确定型有穷自动机),另一种是NFA(不确定型有穷自动机)。简单来讲,NFA 对应的是正则表达式主导的匹配,而 DFA 对应的是文本主导的匹配。 DFA从匹配文本入手,从左到右,每个字符不会匹 阅读全文
posted @ 2021-01-14 17:21 方帅 阅读(34) 评论(0) 推荐(0) 编辑
摘要:一、需求要点: 坐标系及画布方格: 缩放:涉及画布上的函数缩放及绘制范围等; 刻度单位变化:单位转化所需要的重新计算等; 函数表达式输入: 输入表示式输入规范的校验,是否复合规则; 输入表达式转程序语言的流程; 程序语言计算结果转为数学表达式展示; 模板管理: 模板切换数据状态管理; 模板保存、删除 阅读全文
posted @ 2021-01-14 10:07 方帅 阅读(151) 评论(0) 推荐(1) 编辑
摘要:正则表达式的意思是使用单个字符串来描述、匹配一系列符合某个语句规则的字符串搜索模式。 字符串的正则方法有:match()、replace()、search()、split() 正则对象的方法有:exec()、test() 正则方法讲解 match() 功能:使用正则表达式模式对字符串执行查找,并将包 阅读全文
posted @ 2021-01-11 18:31 方帅 阅读(56) 评论(0) 推荐(0) 编辑
摘要:{ "compilerOptions": { /* Basic Options */ "target": "es5" /* target用于指定编译之后的版本目标: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES 阅读全文
posted @ 2021-01-06 10:20 方帅 阅读(302) 评论(0) 推荐(0) 编辑