2024-06-07众所周知， 未来的数据可视化趋势已成为了必然性，越来越多的企业、政府等的应用场景应用都会普及 ，销售、教育、医疗、贸易等行业领域也涉及广泛 ，根据实时的监控数据，把最新的数据展现在大屏幕上，清楚地看到自己想要看到的数据，同时根据这些数据做出决策的调整。数据可视化是指通过图表、图形、地图等视觉要素来表现数据中包含的信息的倾向、异常和模式。简而言之，数据可视化是用图形表达数据和信息。_datav大屏自适应

https://www.qianduange.cn//article/11336.html 分类：前端知识

2024-06-07three.js官网Three.js是一个基于WebGL的图形库，它可以轻松地在浏览器中创建3D场景和动画。同时，它支持外部模型和纹理的导入，让开发者可以更加便捷地创建出震撼的3D场景。Three.js游戏开发Three.js可以轻松地创建3D游戏场景和动画效果，让游戏制作变得更加简单。产品展示：对于需要展现3D产品模型的企业来说，Three.js可以帮助他们创建出非常逼真的展示场景，大大提升了产品展示效果。教育培训Three.js还可以用于教育培训领域，例如创建出生动有趣的动画来解释物理现象或者化学反应。_three.js官网

https://www.qianduange.cn//article/11319.html 分类：前端知识

2024-06-06通过结合使用SVG和Canvas，我们可以充分发挥它们各自的优势，为Web应用带来更加出色的表现效果。Canvas使用像素级别的绘图操作，可以绘制复杂的图形和图像，但它是基于位图的，因此在放大时可能会失真。通过合理的选择和使用，我们可以充分发挥SVG和Canvas的优势，为Web应用带来更加丰富和精彩的视觉体验。如果项目需要高清晰度、可缩放的矢量图形，以及丰富的交互性和动画效果，那么SVG可能是更好的选择。考虑到不同浏览器的兼容性，如果项目需要在多个浏览器上运行，且对兼容性要求较高，那么SVG可能更合适。_绘制时间轴用canvas还是svg

https://www.qianduange.cn//article/11063.html 分类：前端知识

2024-06-05CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。项目中遇到需要将下载的图片的白色背景修改为灰色，经过调查发现主要用到了的css的滤镜属性。首先创建一个 .svg 结尾的文件。_css修改图片的颜色

https://www.qianduange.cn//article/10814.html 分类：前端知识

2024-06-04切换页面以及table标签，图形不展示，在onBeforeUnmount钩子函数里将echarts资源进行释放，再次打包部署后，切换标签页或者路由跳转切换页面，图表正常显示。_vue切换页面后加载不出echarts

https://www.qianduange.cn//article/10775.html 分类：前端知识

2024-06-04图形验证码在阻止恶意程序进行大量非法操作有着较为广泛的应用，同时，作为一种全自动的图灵测试，图形验证码确保只有人类才能完成指定任务，从而区分合法用户和机器模拟的请求。那么，如何在自己的项目中实现一个图形验证码呢？如何利用前后端的交互实现一个需要图形验证码的场景呢？下面，我将利用Hutool工具来实现登录过程中的图形验证码场景。Hutool官方文档。_hutool 验证码

https://www.qianduange.cn//article/10707.html 分类：前端知识

2024-06-04（1）HTML结构：定义一个ul列表，ul中包含5个li元素，每个li元素对应一个星星的位置，通过css代码为li元素设置背景图来完成星星的展示，点亮和变暗的星星都在一张图片上，通过切换背景图的显示位置，可以实现星星点亮和变暗的效果。1）鼠标移入星星：为当前的li元素和它前面所有的li元素添加一个预定义的css样式“li”，通过将background-position设置为0px -29px实现点亮星星的特效；1）在进行鼠标移入星星变亮操作时因为对css相关属性的把握不清楚代码书写成。_jquery星级评价

https://www.qianduange.cn//article/10693.html 分类：前端知识

2024-06-03可缩放矢量图形（**`Scalable Vector Graphics, SVG`**），基于 XML 标记语言，W3C XML 的分支语言之一，用于描述二维矢量图形。_svg语言

https://www.qianduange.cn//article/10593.html 分类：前端知识

2024-06-02Three.js 可以让我们在网页上创建交互式的 3D 图形和动画。它是一个强大的 JavaScript 库，可以帮助我们轻松地在浏览器中实现复杂的 3D 效果，而无需深入了解底层的 WebGL 技术。如果你需要在网页上展示 3D 内容或者构建交互式的3D体验， Three.js 是一个非常有用的工具。今天通过 Vue3.0 集成 Three.js 来实现对 gltf 模型的加载、渲染与操控，并设置模型背景为透明色，解决模型为黑色的问题。_vue threejs 加载模型偏暗

https://www.qianduange.cn//article/10524.html 分类：前端知识

2024-06-02颜色由border-color属性设置，name——指定颜色的名称，如 "red"，RGB——指定 RGB 值, 如 "rgb(255,0,0)"，Hex——指定16进制值, 如 "#ff0000"（border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式，例如。在 HTML中，有两种类型的列表：无序列表 ul——列表项标记用特殊图形（如小黑点、小方框等），有序列表 ol——列表项的标记有数字或字母，使用 CSS，可以列出进一步的样式，并可用图像作列表项标记。

https://www.qianduange.cn//article/10508.html 分类：前端知识