-
Notifications
You must be signed in to change notification settings - Fork 1
/
Notes.txt
45 lines (33 loc) · 2.07 KB
/
Notes.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
viewBox
-------
//chart sizes are ok, but text is stretched. This is a limitation of viewBox for charts. See:
//https://medium.com/@maheshsenni/responsive-svg-charts-viewbox-may-not-be-the-answer-aaf9c9bc4ca2
//http://www.cagrimmett.com/til/2016/04/26/responsive-d3-bar-chart.html
//https://bl.ocks.org/veltman/5cd1ba0b3c623e7b5146
//https://mathisonian.com/writing/easy-responsive-svgs-with-viewbox
//https://jsfiddle.net/fh5kxv3k/
// //https://bl.ocks.org/veltman/5cd1ba0b3c623e7b5146
// var myscale = width / container.node().getBoundingClientRect().width;
// console.log('myscale: ', myscale)
dropdown menu
-------------
https://codepen.io/tarsusi/pen/reovOV
SVG markers
-----------
//http://bl.ocks.org/hlucasfranca/edbcedfcea544fbe28a9
//http://tutorials.jenkov.com/svg/marker-element.html
SVG paths: https://www.dashingd3js.com/svg-paths-and-d3js
SVG transformation: put tranformation on the <g> !!!!
-----------------------------------------------------
https://stackoverflow.com/questions/31524618/svg-translate-seems-to-behave-different-in-chrome-chromium
In SVG 1.1 <svg> elements do not accept transform attributes. In SVG 2 it is proposed that they should.
Chrome and Firefox are experimenting with implementing proposed parts of the SVG 2 specification. Some things are implemented only by Firefox, and others only by Chrome. The majority are not implemented at all and a few features are implemented by both. The SVG 2 specification itself is unfinished.
In this particular case Firefox has implemented the SVG 2 feature but Chrome has not.
You can achieve the same result in browsers that do not support this SVG 2 feature either by replacing the <svg> element by a <g> element or by creating an <svg> child element on the <g> element and putting the transform on the <g> element.
palettes
--------
http://www.colourlovers.com/palette/725298/Strawberry_Mousse
http://www.colourlovers.com/palette/1733501/Evening_Traffic
http://www.colourlovers.com/palette/2236415/Winter
http://www.colourlovers.com/palette/1491252/Coal_Barge_at_Sunset
http://www.colourlovers.com/palette/564375/Photosynthesis