Comments (3)
proof of concept : fredj/openlayers@openlayers:exp...dom-rotation
from openlayers.
Nice proof of concept @fredj !
The tricky bit is browser behaviour. As I understand it, some browsers render the entire div to an intermediate image, transform that, round to the nearest pixel, render that, and you get a nice result. Other browsers transform each individual element, round them to that to the nearest pixel, and the net result is rendering artefacts between individual elements, as the proof of concept shows on Mac OS X / Chrome. I might be wrong: those with experience, please correct me.
That all said, I suspect that all of these problems can be overcome by using a 2D canvas renderer, which has the advantage of being hardware-accelerated on some browsers. Maybe this is another possible solution?
from openlayers.
I've tried to force the hardware acceleration by using the -webkit-transform: translate3d(0, 0, 0);
hack but without success.
Adding a 2D canvas renderer is a great idea. Not only for this issue but also for the mobile rendering (see http://m.maps.nokia.com/)
from openlayers.
Related Issues (20)
- Where can I get the typescript type declaration file HOT 1
- The changed method no longer updates the map for ImageLayer<ImageArcGISRest> layer type HOT 2
- Center not changing HOT 2
- Implement Wayback animate mode function HOT 2
- `ZoomToExtent` control does not respect `useGeographic()`
- Style expression performance HOT 4
- Features for extending support to integrated circuit design applications HOT 8
- Quickstart using npm create app fails to install StadiaMaps HOT 2
- loss of performance vector tile with lots of features HOT 4
- Vertex buffer is not big enough for the draw call HOT 7
- Option to integrate Google Maps Tiles (using the new Map Tiles API recently released, no hacks or licensing issues) HOT 2
- click event is fired even with long press on mobile (both contextmenu & click are fired at the same time)
- GeoJSON.readFeatures throws error when coordinates are empty (since 8.2) HOT 1
- Apple iPhone 5s, iOS 12.5.7, cannot open OpenLayers V8 examples. HOT 3
- How can a VectorSource containing regular features return an array of render features? HOT 2
- WebGLTile layer rendering issue after setStyle operation with combination of alpha band matching
- Setting visibility to false on a LayerGroup don't change the hit detection on newly hidden features
- view.then is not a function at Map.setView HOT 4
- Artifacts in example Shaded Relief (with WebGL) HOT 1
- Hit detection when overlays and feature positions overlap. HOT 5
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 openlayers.