Skip to content

Commit d1db7ce

Browse files
nymphlynymphly
committed
ext fixes
1 parent fa2535f commit d1db7ce

19 files changed

+564
-56
lines changed

‎demo_es6/LinearGradientDemo.html

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Style Demo</title>
7+
8+
<style>
9+
html,
10+
body,
11+
#container {
12+
width: 100%;
13+
height: 100%;
14+
margin: 0;
15+
padding: 0;
16+
}
17+
</style>
18+
</head>
19+
20+
<body>
21+
<!--
22+
NOTE: run this demo with 'npm run server' to avoid cross-origin issues accessing g2.
23+
-->
24+
<div id="container"></div>
25+
26+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sem nibh, imperdiet eget commodo at, interdum mattis
27+
leo. Nullam fringilla sit amet justo quis mollis. Mauris tempus rutrum odio, eu eleifend libero lacinia nec.
28+
Nunc sodales vulputate eros, a sollicitudin augue fermentum id. Curabitur purus diam, mollis nec enim ac,
29+
consequat lobortis velit. Quisque justo nunc, interdum at risus in, varius accumsan metus. Maecenas consequat,
30+
dolor quis semper hendrerit, nibh tortor consequat lorem, eget suscipit quam felis porttitor elit. Praesent sed
31+
dictum ante. Aliquam in vulputate magna, et ullamcorper nulla.</p>
32+
<p>Duis sit amet lectus eu quam semper viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada
33+
fames ac turpis egestas. Donec faucibus pellentesque fringilla. Orci varius natoque penatibus et magnis dis
34+
parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
35+
Praesent pellentesque dolor non lectus tempus dignissim. Praesent maximus tellus at dolor tristique, ut sagittis
36+
risus imperdiet. Aenean convallis magna ac arcu tincidunt, a malesuada ligula sodales. Nunc viverra elit id
37+
dapibus venenatis. Curabitur ultricies sem quis nulla aliquam, quis dignissim velit dignissim. Sed non dictum
38+
arcu, eu tempus sapien. Morbi iaculis pharetra leo, tincidunt dictum augue vestibulum a. Cras molestie laoreet
39+
neque, eget placerat dolor sodales sed. Cras sed ligula est. Morbi et molestie sem. Donec libero lectus, porta
40+
vehicula est non, tempus hendrerit eros.</p>
41+
<p>Vestibulum aliquet blandit sollicitudin. Mauris at feugiat leo. Mauris velit massa, ullamcorper vel sollicitudin
42+
et, volutpat quis augue. Nulla facilisi. Nulla mollis tempus purus at venenatis. Nam aliquet tortor sem, a
43+
malesuada sapien pretium ac. Quisque vel turpis rutrum, mollis tellus hendrerit, cursus neque. Sed iaculis
44+
ultricies mi a imperdiet. Phasellus eu luctus augue. Vestibulum laoreet id mauris vel mattis. Fusce mi sem,
45+
pellentesque ac mi ut, sollicitudin venenatis ante. Integer vestibulum dolor at purus volutpat, non rutrum justo
46+
bibendum. Cras cursus feugiat augue et condimentum. Ut neque mi, egestas at eros vel, ultricies tincidunt enim.
47+
</p>
48+
49+
<p>Donec feugiat metus quis pellentesque molestie. Curabitur quis cursus erat. Curabitur posuere vitae quam bibendum
50+
eleifend. Quisque eu fermentum mi, non tincidunt nibh. Phasellus accumsan id velit id fringilla. Aliquam gravida
51+
ipsum non dui auctor, eget vehicula risus pharetra. Proin quis mi magna. In et tempor eros, in lobortis ex.
52+
Morbi vitae mauris dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut consectetur sapien.
53+
Quisque vel mattis velit. Aliquam erat volutpat.</p>
54+
55+
<p>Quisque ut tincidunt lorem. Aenean enim massa, pharetra nec tellus quis, tincidunt porttitor augue. Vestibulum
56+
euismod diam in mi lobortis, vel maximus leo venenatis. Proin quis gravida dolor. Donec viverra consequat
57+
blandit. Donec convallis elit erat, in tincidunt velit ultrices et. Nam auctor laoreet cursus.</p>
58+
59+
<p>Suspendisse nec felis tempor, cursus neque in, vestibulum neque. Nam euismod porta lectus, at cursus arcu iaculis
60+
ullamcorper. Aenean venenatis nisl sit amet placerat varius. Ut non ullamcorper lacus. Donec porttitor nulla
61+
vitae fringilla hendrerit. Nulla lobortis ornare elit, a dapibus nibh pulvinar non. Ut vehicula posuere
62+
accumsan. Praesent venenatis gravida justo ut lobortis. Nulla a aliquet libero, non interdum eros. Suspendisse
63+
ut augue eget quam tincidunt consequat. Phasellus purus lacus, gravida non placerat et, placerat quis nisl. Sed
64+
placerat ut elit in convallis. Nunc id volutpat eros. Integer in dolor eu sem vulputate tempor. Sed aliquet sed
65+
purus eget congue. Morbi laoreet neque id mollis sodales.</p>
66+
67+
<p>Sed nulla odio, laoreet id volutpat nec, pulvinar eget nibh. Nullam vitae lorem nisl. Vestibulum ut ex et enim
68+
vulputate finibus. Mauris eu euismod ex. Donec non dictum risus. Nullam fringilla dapibus mauris, quis
69+
consectetur velit molestie vel. Nullam congue gravida enim, vel eleifend ligula dapibus eu. Nulla finibus, urna
70+
sed egestas bibendum, ligula lacus placerat tortor, eu ullamcorper leo mauris nec lorem. Praesent vulputate dui
71+
ut massa consequat, cursus lobortis nunc maximus. Phasellus tincidunt eleifend enim non malesuada. Ut dignissim
72+
quam vel mauris porta ullamcorper. Suspendisse quis egestas nisi.</p>
73+
74+
<p>Morbi maximus arcu nec odio pulvinar facilisis. Vivamus gravida ullamcorper consectetur. Praesent dapibus ipsum
75+
sit amet metus ullamcorper, sed finibus diam suscipit. Quisque pharetra libero lobortis, commodo ipsum sed,
76+
imperdiet nibh. Nunc vel metus blandit, semper arcu sed, suscipit leo. Pellentesque fermentum dolor eu massa
77+
ultricies scelerisque. Morbi maximus felis eu sem tincidunt condimentum. Vivamus id tincidunt mauris, quis
78+
rutrum libero.</p>
79+
80+
<p>Praesent ornare in elit eget congue. Pellentesque in dui eget metus pretium efficitur. Phasellus congue, elit id
81+
porttitor maximus, est felis elementum massa, ac ultrices sem ligula tempor felis. Cras sapien ipsum, commodo
82+
eget eros eget, posuere aliquam ante. Nulla lectus ex, sagittis ac volutpat vitae, iaculis sed leo. Nulla
83+
egestas nulla non convallis fringilla. Integer tempus varius maximus. Mauris at nulla sem. Ut faucibus lorem
84+
mauris, eget tempor dui tincidunt vitae. Fusce elit turpis, tincidunt vel scelerisque id, pellentesque eget
85+
lacus.</p>
86+
87+
<p>Vestibulum mollis risus tortor, vitae tempor tortor gravida sed. Curabitur malesuada purus a purus tristique
88+
lobortis a efficitur purus. Curabitur tincidunt fermentum eros et ultricies. Maecenas elementum est sit amet
89+
magna pretium, quis placerat tellus ultrices. Maecenas laoreet, leo lobortis posuere volutpat, elit arcu tempus
90+
nulla, et porttitor est ex nec dolor. Integer lacinia feugiat tortor, non mollis elit maximus nec. Vivamus vitae
91+
justo in purus tincidunt pellentesque. Nam semper volutpat pellentesque. Donec dignissim feugiat arcu varius
92+
placerat. Sed tempor, lectus vitae rutrum aliquam, purus dolor iaculis leo, eget vestibulum sapien massa id est.
93+
Quisque in dictum tortor, ac egestas neque. Aenean eget nulla ex. Suspendisse at sem lacus.</p>
94+
95+
<p>Etiam diam risus, malesuada nec tristique vestibulum, posuere et est. Integer posuere sem nec leo interdum, quis
96+
interdum eros viverra. Aenean augue purus, iaculis a sagittis venenatis, euismod id ligula. Nunc nec tortor
97+
tincidunt, molestie arcu non, iaculis sapien. Nunc tincidunt odio feugiat urna interdum consectetur. Aliquam
98+
erat volutpat. Nulla vitae elit at diam tempor volutpat et id enim. Donec metus ex, venenatis a velit sed,
99+
tempus viverra justo. Vestibulum tincidunt luctus semper. Vestibulum ante ipsum primis in faucibus orci luctus
100+
et ultrices posuere cubilia Curae; Praesent neque risus, euismod sed efficitur at, aliquet non libero. Aenean
101+
eget ligula purus. Aliquam sodales nisi sit amet orci laoreet scelerisque.</p>
102+
103+
<p>Morbi sed ipsum consectetur, iaculis leo ut, pretium quam. In at bibendum sapien, nec varius urna. Morbi vel mi
104+
sapien. Ut luctus diam ac sem suscipit tristique. Orci varius natoque penatibus et magnis dis parturient montes,
105+
nascetur ridiculus mus. Proin nec est aliquet, feugiat augue vel, viverra dolor. Ut viverra venenatis lorem et
106+
euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus accumsan ligula erat, eu
107+
porttitor nisi tristique ac.</p>
108+
109+
<p>Donec enim leo, lacinia eget pulvinar at, efficitur quis leo. Nam volutpat fringilla viverra. Proin gravida,
110+
lacus aliquet maximus luctus, neque quam bibendum urna, sed dictum orci neque ac ex. In eu finibus orci. Sed eu
111+
turpis a ipsum dictum pretium quis vel urna. Cras vitae condimentum massa, et tincidunt est. Quisque pulvinar
112+
lacus non sapien ultricies eleifend. Nunc vitae viverra metus. Vestibulum tempor vulputate orci laoreet
113+
interdum. Suspendisse in odio dignissim, dignissim mauris auctor, sodales nunc. Maecenas pellentesque sed ligula
114+
vitae malesuada. Phasellus vitae magna sem. Sed venenatis laoreet mauris sed vehicula. Pellentesque et urna
115+
blandit, commodo magna id, imperdiet odio. Sed sit amet congue nisi, nec laoreet arcu. Pellentesque vel pretium
116+
nisi, a luctus orci.</p>
117+
118+
<p>Maecenas volutpat cursus metus, non tempus ante dapibus sed. Aenean fermentum diam quam, non tristique nisl
119+
maximus id. In molestie, neque a sodales luctus, orci libero rutrum nibh, sed efficitur massa ante sit amet
120+
nisl. Pellentesque tincidunt vel nunc eget mollis. Integer venenatis dui in volutpat sodales. Vestibulum eu
121+
turpis ac sapien tristique euismod. Aliquam erat volutpat.</p>
122+
123+
<p>Morbi feugiat quis ex eget feugiat. Vivamus luctus neque ultrices, pretium felis nec, lacinia nulla. Maecenas non
124+
mattis nulla. Mauris ac nulla ac lorem tincidunt molestie in et quam. Nullam vel orci aliquam, aliquam urna sit
125+
amet, viverra magna. Etiam tempor lobortis scelerisque. Pellentesque aliquet nisl ligula, nec imperdiet purus
126+
venenatis vel. Aenean quis rutrum risus, at porttitor nisi. Sed finibus convallis dignissim. Morbi a efficitur
127+
tellus, et rutrum quam. Morbi vulputate orci lacus, at pulvinar orci euismod vitae.</p>
128+
129+
130+
<script type="module">
131+
import './../out/g2.es6.umd.js';
132+
133+
const stage = g2.stage('container');
134+
const root = stage.layer();
135+
const path = root.path();
136+
const pather = g2.ext.pather();
137+
pather
138+
.moveTo(10, 10)
139+
.lineTo(10, 100)
140+
.lineTo(100, 100)
141+
.lineTo(100, 10)
142+
.close()
143+
.applyTo(path);
144+
145+
const lgConfig = {
146+
stops: [
147+
{'stop-color': 'red', offset: 0},
148+
{'stop-color': 'green', offset: 0.5},
149+
{'stop-color': 'blue', offset: 1}
150+
]
151+
};
152+
153+
const id = g2.ext.fill.linearGradient(path, lgConfig);
154+
console.log(id);
155+
156+
</script>
157+
</body>
158+
159+
</html>

0 commit comments

Comments
 (0)