antvis / antvis/S2

🐛交叉表父元素设置了tranfrom:scale() ,字体模糊

Open
#2,287 3 comments 0 reactions 0 assignees View on GitHub
💤 inactive
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.