-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
45 lines (42 loc) · 1.36 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="pkgs.js"></script>
<script src="jaggy.browser.js"></script>
<script title="for browser">
jaggy('moon.png',function(error,svg){
document.querySelector('section').appendChild(svg);
});
jaggy('moon.png',{glitch:1},function(error,svg){
document.body.appendChild(svg);
});
</script>
<script title="for angular.js">
var app=angular.module('myApp',['jaggy']);
// app.constant('jaggyConfig',{useCache:false,useEmptyImage:false})
</script>
<style>
svg{width:100%}
</style>
</head>
<body ng-app="myApp">
<section>
<h2>via gulp.js (<code>$ npm test</code>)</h2>
<object data="tumblr_n39vfaV03s1rnbw6mo1_400.svg" alt="via gulp" type="image/svg+xml"></object>
<img src="chrono_trigger.svg" alt="via gulp">
<h2>via angular.js</h2>
<img src="tumblr_n39vfaV03s1rnbw6mo1_400.gif" jaggy alt="for Angular.js">
<img ng-src="yuno.png" jaggy alt="for Angular.js">
<img ng-src="comeon! emptyimage" jaggy alt="for Angular.js">
<h2>via jaggy API(<code>window.jaggy</code>)</h2>
<figure>
<!-- window.jaggy here... -->
</figure>
</section>
<h2>and Glitch</h2>
<img src="yuno.svg" alt="via gulp">
<img src="tumblr_n39vfaV03s1rnbw6mo1_400.gif" jaggy="glitch:2" alt="for Angular.js">
</body>
</html>