标签: SVG

4 个内容

返回标签列表

笔记(2)

D3.js 深度解析

D3.js的核心在于数据驱动文档，利用`min`/`max`/`extent`进行数据处理。数据绑定通过虚拟DOM实现，注意清理`exit`。SVG高级特性包括虚线动画（`stroke-dasharray`/`stroke-dashoffset`）和矩阵变换（`viewBox`）。性能优化涉及数据分级、DOM池化、Web Worker和GPU加速。未来趋势包括WebGL集成、声明式语法和服务端渲染。

数据可视化D3.jsSVG前端开发虚拟DOMWebGL性能优化JavaScript
Elliot Yang·
136 浏览

D3.js 基础与 SVG 使用指南

本文是 d3.js 教程，介绍了 d3.js 中获取 min/max 值、enter 函数和构造日期数组等基础函数，以及 svg 的 stroke-dasharray/stroke-dashoffset 属性和 viewBox/preserveAspectRatio 属性的用法，可用于实现动画效果。

技术数据可视化D3.jsSVG前端开发动画图表
Elliot Yang·
88 浏览

动态(2)

E
Elliot Yang
公开

那些留在2023年的日子：

  • 100vw相对于浏览器的window.innerWidth，是浏览器的内部宽度，注意，滚动条宽度也计算在内！而100%是可用宽度，是不含滚动条的宽度。
    于是，calc(100vw - 100%)就是浏览器滚动条的宽度大小（如果有，如果没有滚动条则是0）！左右都有一个滚动条宽度（或都是0）被占用，主体内容就可以永远居中浏览器啦，从而没有任何跳动！
#前端开发#技术博客#React#CSS#SVG#Algolia#响应式设计#浏览器原理
浏览:151点赞:0
E
Elliot Yang
公开

2022-12-23 日报

  • 入门 d3.js，指写了个最简单的折线图出来
#前端开发#数据可视化#D3.js#SVG#图表绘制#JavaScript#技术学习#日报记录
浏览:153点赞:0