carol2014 - 博客园

2024年4月

摘要：本系列中案例参考自 https://github.com/josdirksen/learning-threejs-third 动画 <canvas id="mainCanvas"></canvas> <script type="importmap"> { "imports": { "three": 阅读全文

posted @ 2024-04-05 16:59 carol2014 阅读(68) 评论(0) 推荐(0) 编辑

three.js基础之Curve、Geometry

摘要：为了便于后面的学习封装了几个初始化的函数 import { WebGLRenderer, PerspectiveCamera, AmbientLight, SpotLight, PointLight, DirectionalLight, PlaneGeometry, BoxGeometry, Sph 阅读全文

posted @ 2024-04-05 16:36 carol2014 阅读(51) 评论(0) 推荐(0) 编辑

three.js基础

摘要：记录下three.js的学习历程。 Three.js是基于 WebGL 技术，用于浏览器中开发 3D 交互场景的 JS 引擎。 Three.js擅长 WebGL 场景渲染，Three.js不擅长物理碰撞，因此不适合开发 3D 游戏 three.js基本概念包括画布Canvas、渲染器Renderer 阅读全文

posted @ 2024-04-05 14:35 carol2014 阅读(19) 评论(0) 推荐(0) 编辑

php给pdf文件加上水印

摘要：最近要开发给pdf文件增加水印的程序，因此研究了几个php生成pdf的类库，记录下。首先要能够读入pdf文件，然后给pdf文件增加水印，然后能够导出。检索资料发现FPDI可以读入pdf文件。 FPDI安装先安装下几个库，以备后面使用： { "require": { "setasign/fpdf" 阅读全文

posted @ 2024-04-03 11:41 carol2014 阅读(445) 评论(0) 推荐(0) 编辑

2024年3月

js计算线性渐变的中间颜色值

摘要：要使用js计算线性渐变的中间值，记录下。两个RGB颜色的中间颜色值 <style> #colors { margin-top: 2rem; display: flex; } #colors div { width: 100px; height: 100px; } </style> <div id= 阅读全文

posted @ 2024-03-28 16:32 carol2014 阅读(62) 评论(0) 推荐(0) 编辑

使用fabric.js生成的svg图制作echarts的map图表

摘要：框选图片区域制作echarts图这个需求的坑终于填的差不多了写个demo记录下生成的svg图代码如下：可以看出svg部分节点有name属性，echarts正是对应此name属性来显示具体数值。 <?xml version="1.0" encoding="UTF-8" standalone="n 阅读全文

posted @ 2024-03-28 15:24 carol2014 阅读(39) 评论(0) 推荐(0) 编辑

使用fabric.js框选图片区域并生成svg图

摘要：仍然是在图片上特定区域根据数值显示不同的颜色的需求，改进下代码。增加了测量辅助线、对齐辅助线、生成svg图等，基本满足需求。 demo中包括了生成json、svg字符串和下载svg图。导出的svg图使用时需注意背景图的路径问题：url地址且可访问。 <script src="../plugin 阅读全文

posted @ 2024-03-28 15:06 carol2014 阅读(172) 评论(0) 推荐(0) 编辑

js切换bootstrap的tab页

摘要：使用bootstrap的tab页组件中发现了一个问题：需要使用js切换，试用了官方文档中的方法和jquery触发点击事件，发现居然报错或者不起作用。在此记录下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <met 阅读全文

posted @ 2024-03-25 14:12 carol2014 阅读(63) 评论(0) 推荐(0) 编辑

使用fabric.js框选图片区域定位标注图片内容

摘要：仍然是在图片上特定区域根据数值显示不同的颜色的需求，过了这么久，svg图迟迟提供不了，考虑canvas方案。记录比较下canvas及各canvas框架的使用。 canvas <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title 阅读全文

posted @ 2024-03-20 12:01 carol2014 阅读(296) 评论(0) 推荐(0) 编辑

ajax请求下载excel文件

摘要：改一个页面：js新打开一个页面，页面的地址为一个get请求接口，由于传递的字符串变多，要改为post请求。没办法使用js打开新窗口这种了，考虑ajax请求。写个demo记录下 <script> function downloadFile(url, data) { $.ajax({ url: url 阅读全文

posted @ 2024-03-07 17:19 carol2014 阅读(302) 评论(0) 推荐(0) 编辑