🐛交叉表父元素设置了tranfrom:scale() ,字体模糊
- Dominant language
- TypeScript
- Stars
- 1.7k
- Forks
- 220
- PR merge metrics
- No merged PRs in 30d
Description
### 🏷 Version
| Package | Version |
| -------------- | ------- |
| @antv/s2 | 1.47.1 |
| @antv/s2-react | |
| @antv/s2-vue | |
### Sheet Type
- [x] PivotSheet
- [ ] TableSheet
- [ ] GridAnalysisSheet
- [ ] StrategySheet
- [ ] EditableSheet
### 🖋 Description
交叉表父元素设置tranfrom:scale(0.8) ,字体模糊,缩放越小越模糊,相当于div 里面的字体,交叉表的字体显得更模糊
### ⌨️ Code Snapshots
官网案例,随便一个父元素上加了缩放
.antv-s2-container{
transform: scale(0.9);
transform-origin: left top;
}
### 🔗 Reproduce Link
官网案例 https://s2.antv.antgroup.com/examples/case/comparison/#measure-comparison
### 🤔 Steps to Reproduce
交叉表父元素加了transform:scale()
### 😊 Expected Behavior
字体正常呈现,
### 😅 Current Behavior
字体模糊
### 💻 System information
| Environment | Info |
| ------- | ------- |
| System | window 10 |
| Browser | chrome: 114.0.5735.199 |
Contributor guide
Research direction
Reproduce the issue in the official measure-comparison example at https://s2.antv.antgroup.com/examples/case/comparison/ by applying transform: scale(0.9) to .antv-s2-container in Chrome 114. Inspect the rendering path responsible for PivotSheet text and compare it with normal scaling. Done means text remains legible when the parent container is scaled.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, typescript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100