hexamaps's People
hexamaps's Issues
Add height and width attributes and svg xmlns latest standard link
In order to export the svg as image using canvas, the height and width attribute are required
Add a resize observer to the map so it allways fits the available content of it's parent element
When embeding the map the user would like to resize the map so it fits well with the rest of the host content, the idea is allow the user to resize the parent element containing the map and the svg will follow. FYI, Hexamaps style can also be overwritten via css.
The resize must also alter the viewbox and the viewport (width/height) attributes of the svg element
http://tutorials.jenkov.com/svg/svg-viewport-view-box.html
Two mods would be available, keep aspect ratio and clip, this is to be set via a prop
Keep aspect ratio would resize the svg in a way where the view box keeps it's ratio
Clip would hide the overflown part
Add controle over enabling/disabling zoom or/and pan
Users might want to disable the pan and zoom interactivity, add a props for theses.
on editor mod, both interactions are always enabled.
Separate viewbox from the viewport attributes (width/height)
Currently the view box is identical to the whole svg element, separating it from the svg will allow the map editor to set the visible part of the map to later be embeded.
Add 2 props view-box-height and view-box-width to control the view box
Add 2 local state vars so the map can change the dimensions on editor mode
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.