JavaScript
高祥xiang
兴趣和努力伴随着我一直走下去,keep,Never give up!
展开
-
JavaScirpt 已知某一点坐标、线段长度和旋转角度,求另一点坐标
/** 已知某一点坐标,旋转角度,长度,求另一点坐标 */export const calculateCoordinatePoint = (originPoint, degree, len) => { let rotate = (degree - 90 + 360) % 360; //这里是因为一开始以y轴下方为0度的 let point = { x: len, y: 0 }; //计算某一点旋转后的坐标点,这里假设传入的点为原点 .转载 2021-09-04 10:22:36 · 1379 阅读 · 0 评论 -
JavaScirpt Canvas画四边形,移动顶点可以改变形状
直接上代码:<!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"> <t转载 2021-09-03 14:06:09 · 570 阅读 · 0 评论 -
JavaScirpt 获取canvas中鼠标的坐标
代码// 监听点击事件canvas.addEventListener("click", function(event) { getMousePos(canvas, event);});function getMousePos(canvas, event) { //1 var rect = canvas.getBoundingClientRect(); //2 var x = event.clientX - rect.left * (canvas.widt转载 2021-09-03 14:02:43 · 706 阅读 · 0 评论 -
JavaScript bind()方法介绍
Function().bind(this)指的是绑定this,意思是绑定this的指向,无论该方法怎么被调用,this的指向都是该方法,不会改变。 定义:bind()方法的主要作用就是将函数绑定至某个对象,bind()方法会创建一个函数,函数体内this对象的值会被绑定到传入bind()函数的值。 原理:可以用如下代码模拟bind()的原理原创 2017-08-15 10:56:39 · 428 阅读 · 0 评论