矢量javascript图形snap
laravel:前后端分离的图形验证码(10.27.0 / gregwar/captcha v1.2.0)
一，第三方库： 官方代码库: https://github.com/Gregwar/Captcha 二，安装第三方库 1,用composer安装 liuhongdi@lhdpc:/data/laravel/dignews$ composer require gregwar/captcha 2,安装完 ......
JavaScript数据类型的转换
一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String（），object.toS ......
JavaScript 中的单例模式
单例模式是 JavaScript 中最流行的设计模式之一。 单例模式的优点 全球访问点：提供对实例的单点访问，可以轻松管理全球资源。 内存效率：该模式确保只有一个实例，这特别节省内存。 延迟初始化：仅在需要时才创建实例，从而提高性能 这是一种创建模式，可确保类只有一个实例，同时提供对该实例的全局访问 ......
如何避免JavaScript中的内存泄漏？
前言 过去，我们浏览静态网站时无须过多关注内存管理，因为加载新页面时，之前的页面信息会从内存中删除。 然而，随着单页Web应用（SPA）的兴起，应用程序消耗的内存越来越多，这不仅会降低浏览器性能，甚至会导致浏览器卡死。因此，在编码实践中，开发人员需要更加关注与内存相关的内容。因此，小编今天将为大家介 ......
计算机图形学中的正交透视——从平行线消失点开始
平行线消失点 在我们日常生活中，会发现这样一类现象：在照片或者图画上，原本是平行的物体（比如铁轨轨道，公路等）会随着他们的延伸逐渐相交于视野尽头，这个尽头就被称作消失点，类似于下面这幅图所显示的内容： 为什么原本平行的物体会出现这样的现象呢？我们可以从几何光学的角度直观的分析一下： 首先我们要大概了 ......
javascript的一些API接口的使用
1.blob http URL 在编辑器中，有的情况下插入图片，会讲图片转成 blob:http://localhost/*** 的这种形式。这种形式的URL实际数据是存放在浏览器的内存中。 这种情况下如何读取这个URL的具体内容呢 点击查看代码 async readStreamAndEncodeB ......
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示： @echo off reg add "HKCU\Software\Microsoft\Internet Explorer\Main" /v "Disable Script Debu ......
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示 禁用脚本调试器 Set-ItemProperty -Path "HKCU:\Software\Microsoft\Internet Explorer\Main" -Na ......
[QGIS]常用操作--矢量图层加载与创建
文章中使用的QGIS版本为:3.14.16-Pi 本文主要介绍如何使用QGIS通过使用界面操作和Python代码打开矢量数据(如shp文件或csv文件),以及如何添加矢量数据. 矢量图层加载 加载CSV文件 我在平时调试程序时,会使用csv文件将临时结果输出,然后加载到QGIS中查看.这里简单介绍下 ......
JavaScript ES6 类的继承和构造函数图
https://www.bilibili.com/video/BV15S4y1N7Mu?p=13&vd_source=f47173c6ece362dfbe9a439ae6addcce ......
JavaScript复习——02
代码块 写法： {} 使用代码块，可以对代码进行分组，同一个代码块中的代码就是同一组代码，一个代码块中的代码，要么都执行，要么都不执行 let 和 var的区别 在JS中，let声明的变量具有块级作用域 var声明的变量，不具有块级作用域 var声明的变量会将变量的声明提至最前 对象 原始值只能表示 ......
用来绘图图形canvas元素的使用
用来绘图图形canvas元素的使用 在html文件中添加一个canvas元素 <canvas id="myCanvas"></canvas> 使用JavaScript获取canvas元素，并获取其2D上下文对象（画笔） const canvas = document.getElementById(' ......
JavaScript代码，鼠标放上去显示一张图片
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>First C</title> </head> <body> <h1 >hello world</h1> <input type="button" value="clickme ......
如何用JavaScript更改元素的类？
内容来自 DOC https://q.houxu6.top/?s=如何用JavaScript更改元素的类？ 我该如何使用JavaScript响应onclick或其他事件来更改HTML元素的类？ 现代HTML5技术用于更改类 现代浏览器添加了classList，它提供了更方便地操作类的方法，而无需使用 ......
图形学
求交运算 大多数求交无外基本就是写出射线方程和被交物体的方程，然后联立求解，根据一直条件是否符合 射线方程 \[ Ray = O+ D*t \tag{t＞0， t<+} \]球方程 \[ \left(T- Origin \right)= R^2 \]平面方程 \[\left(P-Pos_0 \rig ......
计算机图形：动画
目录基本概念动画的光栅方法双缓存用光栅操作生成动画动画序列的设计传统动画技术计算机动画语言关键帧系统变形模拟加速度OpenGL动画函数 基本概念 计算机动画（computer animation）：场景中任何随时间而发生的视觉变化。 计算机生成的动画，通过几何变换改变对象位置、大小，随时间改变颜色、 ......
2D物理引擎 Box2D for javascript Games 第六章 关节和马达
2D物理引擎 Box2D for javascript Games 第六章 关节和马达 关节和马达 到现在你所见到的所有类型的刚体有着一些共同点：它们都是自由的并且在除碰撞的请款之外，彼此没有依赖。 有时你可能想要刚体之间进行约束。 如果你试想一下粉碎城堡（Crush the Castle）这款游戏 ......
JavaScript 中的this
在 JavaScript 中，this 关键字的行为使其有别于其他编程语言。与某些语言在编译时确定的不同，在 JavaScript 中，它是根据函数的调用方式在运行时动态绑定的。这意味着每次调用该函数时 this 的值都会有所不同。 函数上下文 类上下文 回调 构造函数等用到 ......
JavaScript 数组存储方式及对象
一、数组的存储 1、当声明一个变量时，var a = 111; 在后台计算机翻译时，var声明 a变量 所以此时会产生一个栈内存，变量 a 的初始值为undefined，然后 = 111 ； undefined消失，111的值被赋值给了a。如果多个变量赋值的话，栈内存的执行顺序是先进后出的顺序。也叫 ......
在JavaScript中创建多行字符串
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中创建多行字符串 在JavaScript中，等效的代码如下： const text = `This Is A Multiline String`; 更新： ECMAScript 6（ES6）引入了一种新的字面量类 ......
在JavaScript中如何格式化日期？
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中如何格式化日期？ 如何将Javascript的Date对象格式化为字符串？（最好格式为：10-Aug-2010） 要自定义分隔符的日期格式，您需要从DateTimeFormat对象中提取日期（或时间）组件，然后 ......
【图形学】图形学期末考预习（汇总）
为什么会有这一系列博客呢？大概有两个原因： 1、dls：“tmd课件全是英文的看不懂啊”，我：“v我50给你翻译”，[微信收款50元]。 2、感觉这门课也确实算是自己上了两年大学，为数不多遇到的还不错的课程，有不少能够让人思考的东西（别的课基本是在念祖传PPT…），虽然只有8周的课时，但也算认真听了 ......
【图形学笔记】Lecture06-Texture Mapping 纹理映射
Lecture06-Texture Mapping 纹理映射 目录Lecture06-Texture Mapping 纹理映射Barycentric Coordinates重心坐标Applying Texture 纹理的一些应用Texture Magnification 纹理放大Bilinear I ......
【图形学笔记】Lecture05-Shading 着色
Lecture05-Shading 着色 目录Lecture05-Shading 着色Diffuse Reflection 漫反射Specular Shading (Blinn-Phong） 镜面反射Ambient Shading 环境光Shading Triangle Meshes 三角形网格着色 ......
JavaScript基础入门笔记
5 JavaScript 5.1 JavaScript简介 JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。 JavaS ......
javascript 静默打印 chrome 静默打印
同事遇到这样一个需求:在Chrome浏览器中希望可以静默打印，直接打印 查了些资料,发现Chrome本身的设置就可以满足, 同时Chrome的一些其他设置可以用在软件开发中. 在地址栏敲: about:flags ,打开设置界面: 停用（无此选项则跳过）:Enable Print Preview R ......
如何遍历或枚举JavaScript对象？
内容来自 DOC https://q.houxu6.top/?s=如何遍历或枚举JavaScript对象？ 我有一个如下的JavaScript对象： var p = { "p1": "value1", "p2": "value2", "p3": "value3" }; 如何遍历p的所有元素（p1、p ......
JavaScript的基础语法和数据类型
一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件，注意一般外部引入js的文件，放在b ......
利用路径制作艺术插花矢量图
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=687030348&courseId=220576162&clazzid=85345057 ......
利用矢量蒙版完成微观世界的设计
视频网址： https://mooc1-2.chaoxing.com/mooc-ans/mycourse/teacherstudy?chapterId=484901592&courseId=220576162&clazzid=85345057 ......