ebidel / demos Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://ebidel.github.io/demos/
License: Apache License 2.0
Home Page: https://ebidel.github.io/demos/
License: Apache License 2.0
When jump links jump you down the page, no IntersectionObserver events fire. See w3c/IntersectionObserver#258 for more info.
Cross-posted from https://bugs.chromium.org/p/chromium/issues/detail?id=789821
The reason there is no glow on the document is that overscroll-behavior is set to "none" instead of "contain" on the document. So I suppose the suggestion is to change that to "contain" on the demo?
Is it possible for us to update the demo to use contain
on the document in your chatbox.html demo instead?
This is for your offscreen canvas example. When you try to upload a second image an error occurs because there is an attempt to resize a canvas that has already transferred control to offscreen.
I am also running into this issue with a website i'm developing. The only difference is that my website requires the canvas to be resized after certain events occur.
I would resize a normal canvas with code like this:
this.$.canvas.width = this.size * window.devicePixelRatio;
this.$.canvas.height = this.size * window.devicePixelRatio;
this.$.canvas.style.width = this.size + 'px';
this.$.canvas.style.height = this.size + 'px';
this._ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
Ever since I started using offscreen canvas that code would throw the same error as above. I tired instead setting the width and height of the offscreen canvas object. I also set the scale in a web worker because i'm running the animation off the main thread. There is no error when I do this however it does not seem to resize properly.
Main
this._offscreen.width = this.size * window.devicePixelRatio;
this._offscreen.height = this.size * window.devicePixelRatio;
this.$.canvas.style.width = this.size + 'px';
this.$.canvas.style.height = this.size + 'px';
Web Worker
self.onmessage = e => {
if (e.data.devicePixelRatio) {
ctx.scale(e.data.devicePixelRatio, e.data.devicePixelRatio);
ctx.commit();
}
}
I was wondering if anyone knows how to resize an offscreen canvas properly.
Expected Behaviour
When scrolling inside the chatbox window, when I hit the bottom, nothing should scroll not even the background div.
Actual Behaviour
When scrolling inside the chatbox window, when I hit the bottom the background page is scrolling.
Seems not to work on opera mobile browser.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.