Comments (6)
Maybe get the parent container's dimension and set to the replayer is the easiest way to do that now.
I could keep this issue open to see if anyone want to improve this part, but I may not do some enhancement at this moment.
from rrweb.
I have used the css scale to "shrink" the target div player (just modify the ratio), like this:
.shrink{
--ratio: 0.7;
-webkit-transform:scale(var(--ratio));
-moz-transform:scale(var(--ratio));
-ms-transform:scale(var(--ratio));
transform:scale(var(--ratio));
}
But for sure there might be better solutions
from rrweb.
I could use help with this as well :)
from rrweb.
Check out this comment: #249 (comment)
from rrweb.
@randy-johnson Thank you! :)
from rrweb.
Looks like the scale solution works.
from rrweb.
Related Issues (20)
- [Feature Request]: 可以支持主动触发制作快照吗 HOT 2
- [Bug]:can not support animation api HOT 2
- Is it possible to record 3D scenes / canvas? HOT 1
- [Bug]: Player not showing full WebGL scene HOT 1
- 非直播模式,想要动态添加events支持吗?原始数据过大 HOT 1
- [Bug]: relative linked images missing hostname
- [Feature Request]: 目前rrweb的2.0.0-alpha.4版本是否支持iframe的录制?
- [Bug]: Player lags when seeking or goto function is called.
- Snapshot optimization
- How to set up multiple selectors HOT 2
- [Bug]: seeking breaks 2d canvas playback HOT 1
- [Bug]: [ rrvideo ] run rrvideo in linux is error
- [Bug]: TypeError「Xe is not a function」 HOT 1
- [Feature Request]: How to get the number of actions from the recording string?
- frameset and frame recording failed
- [Bug]: 页面中出现 frameset和frame录制失败 页面中出现 frameset和frame录制失败 Frameset and frame recording failure appear on the page
- [Bug]: Textarea shows default value twice in replay HOT 6
- [Bug]: setting maskAllInputs resets select to the first option in player
- [Bug]: collectFonts doesn't work HOT 1
- [Bug]: Scrolling in replay slightly behind/delayed HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rrweb.