suzanne.soy/pagraphcontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix volume slider on high dpi

Browse Source
This commit is contained in:
futpib 2020-12-22 05:04:35 +03:00
parent 128d65c528
commit ff9e994664
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/volume-slider/index.js
View File

@ -6,8 +6,6 @@ const r = require('r-dom');
const d3 = require('d3'); const d3 = require('d3');
const { devicePixelRatio } = window;
const width = 300; const width = 300;
const height = 18; const height = 18;
@ -57,15 +55,15 @@ module.exports = class VolumeSlider extends React.Component {
handleDragStart() { handleDragStart() {
this._startX = d3.event.x; this._startX = d3.event.x;
this._offsetX = d3.event.sourceEvent.offsetX || (this._lastRenderedX / devicePixelRatio); this._offsetX = d3.event.sourceEvent.offsetX || (this._lastRenderedX);
this.setState({ this.setState({
draggingX: clamp(this._offsetX * devicePixelRatio), draggingX: clamp(this._offsetX),
}); });
} }
handleDrag() { handleDrag() {
if (this.state.draggingX !== null) { if (this.state.draggingX !== null) {
const draggingX = ((d3.event.x - this._startX) + this._offsetX) * devicePixelRatio; const draggingX = ((d3.event.x - this._startX) + this._offsetX);
this.setState({ this.setState({
draggingX: clamp(draggingX), draggingX: clamp(draggingX),
}); });