03 2018 档案
摘要：填充样式主要针对fillStyle。fillStyle除了可以赋值为color，还可以赋值渐变色，包括线性渐变色和径向渐变色，还是和css3里的内容类似。 一、线性渐变 1、设置线性渐变的填充样式 设置线性渐变的填充样式需要2步骤 1、设置渐变线段 通过2个坐标确定渐变线段，来定义渐变的方向和尺度。
阅读全文
摘要：一、canvas是基于状态的绘图环境 1、canvas是基于状态的绘制 context.moveTo(100,100); context.lineTo(700,700); context.lineWidth=10; //直线的宽度状态设置 context.strokeStyle="#058"; //
阅读全文
摘要：图形变换。 一、画一片星空 先画一片canvas.width宽canvas.height高的黑色星空，再画200个随机位置，随机大小，随机旋转角度的星星。 window.onload=function(){ var canvas=document.getElementById("canvas");
阅读全文
摘要：一、线条的帽子lineCap 取值：butt(默认值),round圆头,square方头 var canvas=document.getElementById("canvas"); canvas.width=800; canvas.height=800; var context=canvas.get
阅读全文
摘要：设计一个组件时，组件应该是内聚的，应该不依赖外部已经存在的组件，要实现这种松耦合的组件要使用中间人模式。 一、中间人模式 该组件树中除了组件1以外，每个组件都有一个父组件可以扮演中间人的角色。顶级的中间人是组件1，它可以使组件2，组件3，组件6之间互相通讯。依次类推，组件2是组件4和组件5的中间人。
阅读全文
摘要：Angular组件间通讯 组件树，1号是根组件AppComponent。 组件之间松耦合，组件之间知道的越少越好。 组件4里面点击按钮，触发组件5的初始化逻辑。 传统做法：在按钮4的点击事件里调用组件5的方法。紧密耦合。 Angular：在组件4根本不知道组件5存在的情况下实现。 使用松耦合的方式在
阅读全文
摘要：html5中的<canvas>标签是一个可以使用js脚本在其中绘图的html元素。有强大的API，可用于制作照片集或制作简单的动画。有人说canvas是html5的精髓。 一、基本用法 1、初始画布 一般会拿<canvas>和<img>对比，因为它画出来也是张图片，但实际上没什么可比性。canvas
阅读全文
摘要：一、类（Class） 类是ts的核心，使用ts开发时，大部分代码都是写在类里面。 1、类的声明 多个对象有相同的属性和方法，但是状态不同。 声明类的属性和方法时可以加 访问控制符，作用是：类的属性和方法是否可以在类的外部访问到。 默认public,还可以取值private,protected。 对应
阅读全文
摘要：一、TypeScript-Rest and Spread操作符 用来声明任意数量的方法参数 ...args中的...就是Rest and Spread操作符。 例1： 声明一个可以传任意数量的参数进来的方法 function func(...args:Array<number>) { args.fo
阅读全文
摘要：TypeScript是微软官方的一种语言，是JavaScript的超集。它遵循的ECMA Script 6.0是下一代的JavaScript。浏览器还没有完全支持ES6，而ES5是弱类型的语言，还没有面向对象的概念，没有类、没有命名空间等等。所以从微软的角度来说，推出TypeScript是帮助web
阅读全文
