2024-02-12在开发中，遇到如下一个需求，要展示指定区域的图形，并控制其不允许缩放。第一想到的就是控件 dataZoom 中设置指定展示的区域，总结如下。_echarts地图禁止缩放

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

2024-02-12•支持动画，只有全透明和不透明两种模式，只有 256 种颜色,适用于简单动画、徽标和简单图形等应用场景。•常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小 ,体积较小，不支持透明，不支持动画采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰画质最好，文件太大，不利于网络传输谷歌开发的一种图片格式,较小的文件大小,较高图像质量,格式新,要考虑兼容性._前端 2024css面试题

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

2024-02-11前端就是写一些基本的页面，HTML即超文本标记语言：Hyper Text Markup Language，超文本包括，文字、图片、音频、视频、动画等，HTML5，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。W3C标准（如此重要的HTML5必然会交给一个组织来做这件事情，这个组织就是W3C）结构化标准语言（HTML、XML）表现标准语言（CSS）

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

2024-02-08ECharts是由百度前端框架团队开发的一款基于JavaScript的数据可视化库。它可以用来创建各种各样的图表，如折线图、柱状图、饼图、散点图等，以及其他更加复杂的图表，如地图和热力图等。ECharts可以在移动设备和桌面浏览器上运行，并且提供了多种交互和动画效果。除了基础的图表展示功能外，ECharts还提供了更加高级的特性，例如Realtime模块可以实时更新图表数据，还有Graphic模块可以实现矢量图形的绘制和操作等。_echars 自适应布局

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

2024-02-06在vue3项目中，通过three.js实现了实际的三维效果demo，未来会继续深入研究，总之3D渲染图形是一个很好玩的东西，欢迎大家一起交流。_vue3 three.js

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

2024-02-05最近想做一个轻巧的在线画册和海报设计工具，最近发布的 LeaferUI 特别适合这样的场景。_web 2d绘图框架

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

2024-02-04- ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。_echarts可视化教程(一)——数据可视化与echarts概述头歌

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

2024-02-04通过url属性引用SVG图像， SVG是一种用于描述矢量图形的XML标记语言。利用这个属性，我们可以在文字中嵌入SVG图像，实现渐变色效果。background-clip是CSS3中新增的属性，可以用于指定背景图片或颜色的绘制范围。以上三种方法都可以实现文字的颜色渐变。_css字体渐变

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

2024-02-03象形柱图是echarts提供的一种2d图表，它以标准的矩形柱图为容器，允许我们通过配置symbol的方式在容器中实现个性化的图形效果，类比起来相当于图标按钮或图片按钮的实现思路。x，y，x2，y2：取值范围 0 - 1，表示颜色在图形容器中的百分比，用于表示渐变方向，也就是css linear-gradient的第一个参数，其中x表示左，x2表示右，y表示上，y2表示下。symbolOffset：图形相对与基准定位的偏移量，值为 [left, top] ，可以是具体值，也可以是（相对自身尺寸的）百分比。_echarts 立体堆叠柱状图

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

2024-02-03本文使用echarts和工具栏组件toolbox绘画地图，使用echarts和toolbox 进行数据可视化时可提供直观、交互丰富，可高度个性化定制的数据可视化图表。ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。ECharts 提供了常规的折线图柱状图散点图饼图K线图。_echarts toolbox

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