文章分类 - JavaScript
摘要：坐标旋转 做圆周运动 只知道中心点(center point)和物体的位置 只有物体的x,y坐标，和每一帧物体旋转的角度。 推导过程一： 推导过程二： 推导过程三： 推导过程四： 如果设置了一个中心点，有物体的x,y坐标，和每一帧物体旋转的角度
阅读全文
摘要：transform translate HTML元素的偏移(左) 与svg的偏移 使用SVG元素自带的transform属性进行变换， 则仅支持 这种用法（缺省使用0代替）， 当多个参数值的时候，可以使用逗号,或者直接空格分隔， 但是不能包含单位 和CSS3的transform一样， SVG中的tr
阅读全文
摘要：高阶组件 通过函数和闭包,改变已有组件的行为, 本质上就是 Decorator 模式在React的一种实现。 定义 Enhance 是一个方法，当传入一个 Component（ComposedComponent） 的时候， 它将自动为该 Component 进行扩展并返回新的类定义。 Enhance
阅读全文
摘要：之前有类似的文章，为了过渡到markdown编辑器，不再往里加了，新起一篇 DOMContentLoaded The DOMContentLoaded event is fired when the initial HTML document has been completely loaded a
阅读全文
摘要：碰撞检测的方法 判断物体与物体之间是否有重叠，这里使用物体的外接矩形边界来确定。 判断物体与物体之间的距离，当距离小于某个值时，满足碰撞条件，物体产生碰撞效果。 光线投射法 画一条与物体速度向量相重合的线， 然后再从待检测物体出发，绘制第二条线，根据两条线的交点位置来判定是否发生碰撞。 是与小球速度
阅读全文
摘要：ArrayBuffer ArrayBuffer对象是用来表示一个通用的，固定长度的二进制数据缓冲区。 不能直接操纵ArrayBuffer的内容， 而是应该创建一个表示特定格式的buffer的类型化数组对象(typed array objects)或 数据视图对象DataView 来对buffer的内
阅读全文
摘要：缓动动画(easing) 缓动动画中，距离的百分比作用于速度，物体距离目标位置越远，运动的速度就越大， 随着物体距离目标位置越来越近，速度逐渐降低为零，停止在目标位置。 easing就是我们设定的缓动参数，每一帧都乘以距离，随着距离的不断减小，速度也就不断减小。 弹性动画(spring) 弹性动画中
阅读全文
摘要：外接矩形判别法 1.mouse.x rect.x 2.mouse.x rect.y 4.mouse.y
阅读全文
摘要：标量：有大小而没有方向的物理量（速率，体积，温度） 矢量：有大小也有方向的物理量（速度，动量，力） 速度 速度是表征物体运动快慢的物理量 同时在一个物体的x轴和y轴上定义速度， 那么物体的运动方向是这两个速度方向的和方向， 即满足矢量的叠加，大小满足勾股定理。 以每秒5的速度，30度角方向运动。 那
阅读全文
摘要：三角函数 普通坐标与canvas坐标是不同的 常用三角函数 在canvas中采用的是弧度制。 是将角度转成弧度，比如： 。 （弧度值）乘上 是将弧度转成角度。 Math.atan()可以直接通过两个直角边得到角度值，但是会得到两个相同的角度值 使用Math.atan2(dy, dx)可以弥补该问题
阅读全文
摘要：在拖动操作过程中，被拖动元素会以半透明形式展现，并跟随鼠标指针移动。 拖放基础 1 定义可拖动目标。 将我们希望拖动的元素的draggable属性设为true。 2 定义被拖动的数据，可能为多种不同格式。 例如，文本型数据会包含被拖动文本的字符串。 3 （可选）自定义拖动过程中鼠标指针旁边会出现的拖
阅读全文
摘要：在html中可通过document操作元素 getSVGDocument contentDocument 还有一个方法可以获取所引用的SVG文档的document对象，那就是getSVGDocument()。 如果使用object或iframe引入SVG文档，除了getSVGDocument()，
阅读全文
摘要：MyComponent.propTypes = { // You can declare that a prop is a specific JS primitive. By default, these // are all optional. optionalArray: React.PropT
阅读全文
摘要：By adding and to MessageList (the context provider), React passes the information down automatically and any component in the subtree (in this case, B
阅读全文
摘要：选择 d3.select 从当前文档中选择一个元素。 d3.selectAll 从当前文档中选择多个元素。 d3.event 访问用于交互的当前用户事件。 selection.text 取得或设置文本内容。 selection.style 取得或设置样式属性。 selection.data 在计算相
阅读全文
摘要：三角函数 坐标系 圆的相关公式 0.5π为90° 1π 为 180° 2π为360° Math.PI Math.PI 表示一个圆的周长与直径的比例，约为 3.14159： Math.PI=π≈3.14159 下面的函数使用 Math.PI 计算给定半径的圆周长： Math.sin 返回一个数值的正弦
阅读全文
摘要：SVG 形状 d3.svg.arc() 构造一个新的弧生成器，使用默认的内半径、外半径、开始弧度和 结束弧度访问器（假定输入数据是包含匹配于访问器的命名属性的对象）； 而默认的访问器假定弧的尺寸是动态指定的，当然设置一个或多个的尺寸为常量也是很常见的， 例如饼图的内半径设为0；返回的函数为封闭的实心
阅读全文
摘要：Express 的中间件 output: A middleware1 开始 C middleware2 开始 E middleware3 开始 ======= G ======= F middleware3 结束 D middleware2 结束 B middleware1 结束 Redux 的中间
阅读全文
摘要：SVG文件全局有效的规则是“后来居上”，越后面的元素越可见。 Content Type: image/svg+xml 用户单位和屏幕单位的映射关系被称为用户坐标系统。 除了缩放之外，坐标系统还可以旋转、倾斜、翻转。 默认的用户坐标系统1用户像素等于设备上的1像素（但是设备上可能会自己定义1像素到底是
阅读全文
浙公网安备 33010602011771号