Building web applications with SVG
Gespeichert in:
| Hauptverfasser: | , , |
|---|---|
| Format: | Buch |
| Sprache: | English |
| Veröffentlicht: |
[Sebastopol, Calif.]
O'Reilly
2012
|
| Schlagworte: | |
| Online-Zugang: | Inhaltsverzeichnis |
| Tags: |
Tag hinzufügen
Keine Tags, Fügen Sie den ersten Tag hinzu!
|
MARC
| LEADER | 00000nam a2200000 c 4500 | ||
|---|---|---|---|
| 001 | BV040662575 | ||
| 003 | DE-604 | ||
| 005 | 00000000000000.0 | ||
| 007 | t | ||
| 008 | 130109s2012 abd| |||| 00||| eng d | ||
| 020 | |a 9780735660120 |c (pbk.) £26.99 |9 978-0-7356-6012-0 | ||
| 020 | |a 0735660123 |c (pbk.) £26.99 |9 0-7356-6012-3 | ||
| 035 | |a (OCoLC)812412663 | ||
| 035 | |a (DE-599)HBZHT017134981 | ||
| 040 | |a DE-604 |b ger | ||
| 041 | 0 | |a eng | |
| 049 | |a DE-573 | ||
| 082 | 0 | |2 006 | |
| 084 | |a ST 252 |0 (DE-625)143627: |2 rvk | ||
| 100 | 1 | |a Dailey, David |e Verfasser |4 aut | |
| 245 | 1 | 0 | |a Building web applications with SVG |c David Dailey ; Jon Frost ; Domenico Strazzullo |
| 264 | 1 | |a [Sebastopol, Calif.] |b O'Reilly |c 2012 | |
| 300 | |a XXII, 267 S. |b zahlr. Ill., graph. Darst., Kt. | ||
| 336 | |b txt |2 rdacontent | ||
| 337 | |b n |2 rdamedia | ||
| 338 | |b nc |2 rdacarrier | ||
| 650 | 0 | 7 | |a SVG |0 (DE-588)4658480-8 |2 gnd |9 rswk-swf |
| 650 | 0 | 7 | |a Computergrafik |0 (DE-588)4010450-3 |2 gnd |9 rswk-swf |
| 650 | 0 | 7 | |a Web-Seite |0 (DE-588)4356308-9 |2 gnd |9 rswk-swf |
| 689 | 0 | 0 | |a Web-Seite |0 (DE-588)4356308-9 |D s |
| 689 | 0 | 1 | |a Computergrafik |0 (DE-588)4010450-3 |D s |
| 689 | 0 | 2 | |a SVG |0 (DE-588)4658480-8 |D s |
| 689 | 0 | |5 DE-604 | |
| 700 | 1 | |a Frost, Jon |e Verfasser |4 aut | |
| 700 | 1 | |a Strazzullo, Domenico |e Verfasser |4 aut | |
| 856 | 4 | 2 | |m HBZ Datenaustausch |q application/pdf |u http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=025489309&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA |3 Inhaltsverzeichnis |
| 999 | |a oai:aleph.bib-bvb.de:BVB01-025489309 | ||
Datensatz im Suchindex
| _version_ | 1804149786496991232 |
|---|---|
| adam_text | Titel: Building web applications with SVG
Autor: Dailey, David
Jahr: 2012
Contents
Introduction....................................................xiii
Chapter 1 SVG Basics 1
The What, Why, and Where of SVG..................................1
The What...................................................2
The Why....................................................3
The Where..................................................4
Getting Started: A Simple Overview.................................5
Viewing SVG................................................5
Writing SVG.................................................5
Thirteen Examples That Show the Capabilities of SVG .................6
Example 1: Dynamic Random Landscape Drawn with
JavaScript and SVG...........................................6
Example 2: Equidistant Positioning Points along a Bézier Curve .. .8
Example 3: Simple Animation (Just 38 Lines of Markup
and No Script) ..............................................9
Example 4: Use of Gradients and Patterns......................10
Example 5: Intersecting Clip Paths............................11
Example 6: Animated Text Crawling Along a Bézier Curve........13
Example 7: Animated Reflected Gradients with Transparency.....13
Example 8: Clock with Impressionist Tinge.....................14
Example 9: Using a Filter to Create Pond Ripples over an Image . .16
Example 10: Using replicate to Simulate Digital
Elevation Maps.............................................17
Example 11: Non-Affine Cobblestones........................17
Example 12: Triangular Tiling ................................18
Example 13: A Web Application for Drawing Graphs (Networks). .19
What do you think of this book? We want to hear from you!
Microsoft is interested in hearing your feedback so we can continually improve our books and learning
resources for you. To participate in a brief online survey, please visit:
microsoft.com/learning/booksurvey
Diving In: A Step-by-Step Approach to Building a Simple
SVG Document................................................21
Intermission and Analysis....................................22
Screen Coordinates.........................................23
Summary........................................................29
Chapter 2 Creating and Editing SVG Graphics 31
Creating Basic Vector Shapes......................................32
Lines......................................................32
Brief Review of SVG Presentation Attributes....................33
Rectangles.................................................34
Circles.....................................................34
Ellipses....................................................35
Polylines and Polygons .....................................35
Creativity with Basic Shapes..................................36
Paths in SVG.....................................................38
path Subcommands: M and L..............................39
Fill Properties: nonzero and evenodd.........................40
An Example of Building Complex Shapes............................40
Quadratic Bézier Curves: The Q Subcommand..................42
Bézier Curve Example.......................................43
Creating Smooth Curves: The S and T Subcommands...........46
Elliptical Arc Example.......................................47
Relative vs. Absolute Path Coordinates........................49
Accessing and Reusing Graphics...................................50
Referencing Vector and Bitmap Images........................50
The Group Element.........................................50
The use Element.........................................51
Creating Patterns................................................52
Case Study: Designing a Reusable Pattern...........................52
Adding Basic Shapes........................................52
Summary........................................................58
Contents
Chapter 3 Adding Text, Style, and Transforms 59
Adding and Positioning Text.......................................60
The text Element.........................................60
The tspan Element.......................................63
Making Adjustments with dx and dy..........................64
Text and Shapes on a Path: textPath and mpath ...........64
The tref Element.........................................65
Working with Colors in SVG.......................................66
Named Color Values........................................66
HSL.......................................................66
RGB.......................................................66
Creating Gradients in SVG.........................................67
Applying Gradients to a Path ................................67
Clipping and Masking with SVG....................................73
Details of Transforms.............................................77
The translate Command.....................................77
The scale Command........................................78
Skewing: The skewX and skewY Commands....................79
The rotate Command.......................................79
The matrix Command.......................................80
Adding Style Using CSS......................................80
Using Media Queries to Enhance Usability ....................82
Additional Capabilities of CSS3...............................83
Vector Graphics, Symbol, and Button Libraries.......................83
Accessibility.....................................................83
Semantic Elements and Features..............................84
Case Study: A Simple SVG Web Interface............................85
Summary.......................................................88
Chapter 4 Motion and Interactivity 89
Declarative Animation with SVG....................................89
Getting Started.............................................91
Motion Along a Path........................................95
Contents ix
Multivalued Interpolation....................................96
Interacting with Animation...................................98
Scripting SVG...................................................101
Getting Started with JavaScript and SVG......................102
Using Script to Find an Object and Change Its Attributes.......103
Adding New Content to an SVG Document...................109
Cloning Nodes............................................Ill
Evaluating Nodes (getAttribute).............................113
SVG DOM.................................................115
Measurements............................................122
Messages Between SMIL and Script..........................132
Passing Messages Between HTML and SVG...................135
Summary.......................................................143
Chapter 5 SVG Filters 145
The Basic filter Element.......................................146
The Basic Primitives....................................:........146
feGaussianBlur ..........................................147
feColorMatrix ...........................................149
feComponentTransfer ...................................153
feMorphology ..........................................157
feConvolveMatrix .......................................158
Utility Filters....................................................160
Simple Utility Filters........................................160
feFlood and feOffset ..................................161
felmage and feTile ....................................162
feTurbulence ...........................................163
numOctaves..............................................164
Lighting Effects.................................................175
Ways of Combining Filters........................................177
feMergeNode ..........................................177
feBlend ................................................180
feComposite ............................................181
feDisplacementMap .....................................184
Contents
Summary.......................................................190
Chapter 6 SVG Tools and Resources 191
Libraries.......................................................192
SVG Native JavaScript Libraries...................................193
D3: Data-Driven Documents................................193
Pergola...................................................198
Raphaël..................................................199
Polymaps.................................................200
cartomet..................................................200
Legacy HTML Libraries...........................................200
jQuery...................................................200
Dojo.....................................................201
Sencha...................................................201
Drawing Tools and Utilities.......................................201
Adobe Illustrator..........................................201
Inkscape___..............................................204
Scour.....................................................205
SVG-Edit..................................................206
Other Useful Tools..............................................206
Mugeda..................................................206
Pilat......................................................206
SVG Editor ...............................................206
SVG Drawing Tool.........................................207
Grapher..................................................207
SCION....................................................207
Extension Tools.................................................207
Batik.....................................................207
SmilScript and FakeSmile...................................208
replicate ...............................................209
Integrated Development Environments............................210
Oxygen...................................................210
Adobe Dreamweaver.......................................210
HTML-Kit.................................................211
Contents
Other Useful Information...................................211
Other Tools That Support SVG...............................211
Miscellaneous..................................................212
Wikimedia and Wikipedia...................................212
The Open Clip Art Library...................................212
The OpenStreetMap Project.................................213
Summary.......................................................213
Chapter 7 Building a Web Application: Case Studies 215
About Pergola..................................................216
D3 Review......................................................218
Polymaps......................................................218
Interactive Multiple Documents Application........................218
Encapsulating the Stream Example...........................219
Adding Interactivity to the D3 Stream Window................222
The Transitions Menu......................................223
The Transition Tool Button..................................224
Encapsulating the Force Example............................228
Improving the Application Design...........................233
Running in an HTML and SVG Context.......................234
Mapping Application............................................235
The Menus................................................237
Adding Map Features......................................242
GeoJSON.................................................242
Adding Tools..............................................246
The Complete Code........................................247
Summary.......................................................254
Index 255
Contents
|
| any_adam_object | 1 |
| author | Dailey, David Frost, Jon Strazzullo, Domenico |
| author_facet | Dailey, David Frost, Jon Strazzullo, Domenico |
| author_role | aut aut aut |
| author_sort | Dailey, David |
| author_variant | d d dd j f jf d s ds |
| building | Verbundindex |
| bvnumber | BV040662575 |
| classification_rvk | ST 252 |
| ctrlnum | (OCoLC)812412663 (DE-599)HBZHT017134981 |
| discipline | Informatik |
| format | Book |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>01588nam a2200409 c 4500</leader><controlfield tag="001">BV040662575</controlfield><controlfield tag="003">DE-604</controlfield><controlfield tag="005">00000000000000.0</controlfield><controlfield tag="007">t</controlfield><controlfield tag="008">130109s2012 abd| |||| 00||| eng d</controlfield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9780735660120</subfield><subfield code="c">(pbk.) £26.99</subfield><subfield code="9">978-0-7356-6012-0</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">0735660123</subfield><subfield code="c">(pbk.) £26.99</subfield><subfield code="9">0-7356-6012-3</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)812412663</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-599)HBZHT017134981</subfield></datafield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">DE-604</subfield><subfield code="b">ger</subfield></datafield><datafield tag="041" ind1="0" ind2=" "><subfield code="a">eng</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-573</subfield></datafield><datafield tag="082" ind1="0" ind2=" "><subfield code="a"></subfield><subfield code="2">006</subfield></datafield><datafield tag="084" ind1=" " ind2=" "><subfield code="a">ST 252</subfield><subfield code="0">(DE-625)143627:</subfield><subfield code="2">rvk</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Dailey, David</subfield><subfield code="e">Verfasser</subfield><subfield code="4">aut</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Building web applications with SVG</subfield><subfield code="c">David Dailey ; Jon Frost ; Domenico Strazzullo</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">[Sebastopol, Calif.]</subfield><subfield code="b">O'Reilly</subfield><subfield code="c">2012</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">XXII, 267 S.</subfield><subfield code="b">zahlr. Ill., graph. Darst., Kt.</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="b">n</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="b">nc</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">SVG</subfield><subfield code="0">(DE-588)4658480-8</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">Computergrafik</subfield><subfield code="0">(DE-588)4010450-3</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">Web-Seite</subfield><subfield code="0">(DE-588)4356308-9</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="689" ind1="0" ind2="0"><subfield code="a">Web-Seite</subfield><subfield code="0">(DE-588)4356308-9</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2="1"><subfield code="a">Computergrafik</subfield><subfield code="0">(DE-588)4010450-3</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2="2"><subfield code="a">SVG</subfield><subfield code="0">(DE-588)4658480-8</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2=" "><subfield code="5">DE-604</subfield></datafield><datafield tag="700" ind1="1" ind2=" "><subfield code="a">Frost, Jon</subfield><subfield code="e">Verfasser</subfield><subfield code="4">aut</subfield></datafield><datafield tag="700" ind1="1" ind2=" "><subfield code="a">Strazzullo, Domenico</subfield><subfield code="e">Verfasser</subfield><subfield code="4">aut</subfield></datafield><datafield tag="856" ind1="4" ind2="2"><subfield code="m">HBZ Datenaustausch</subfield><subfield code="q">application/pdf</subfield><subfield code="u">http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=025489309&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA</subfield><subfield code="3">Inhaltsverzeichnis</subfield></datafield><datafield tag="999" ind1=" " ind2=" "><subfield code="a">oai:aleph.bib-bvb.de:BVB01-025489309</subfield></datafield></record></collection> |
| id | DE-604.BV040662575 |
| illustrated | Illustrated |
| indexdate | 2024-07-10T00:28:34Z |
| institution | BVB |
| isbn | 9780735660120 0735660123 |
| language | English |
| oai_aleph_id | oai:aleph.bib-bvb.de:BVB01-025489309 |
| oclc_num | 812412663 |
| open_access_boolean | |
| owner | DE-573 |
| owner_facet | DE-573 |
| physical | XXII, 267 S. zahlr. Ill., graph. Darst., Kt. |
| publishDate | 2012 |
| publishDateSearch | 2012 |
| publishDateSort | 2012 |
| publisher | O'Reilly |
| record_format | marc |
| spelling | Dailey, David Verfasser aut Building web applications with SVG David Dailey ; Jon Frost ; Domenico Strazzullo [Sebastopol, Calif.] O'Reilly 2012 XXII, 267 S. zahlr. Ill., graph. Darst., Kt. txt rdacontent n rdamedia nc rdacarrier SVG (DE-588)4658480-8 gnd rswk-swf Computergrafik (DE-588)4010450-3 gnd rswk-swf Web-Seite (DE-588)4356308-9 gnd rswk-swf Web-Seite (DE-588)4356308-9 s Computergrafik (DE-588)4010450-3 s SVG (DE-588)4658480-8 s DE-604 Frost, Jon Verfasser aut Strazzullo, Domenico Verfasser aut HBZ Datenaustausch application/pdf http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=025489309&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA Inhaltsverzeichnis |
| spellingShingle | Dailey, David Frost, Jon Strazzullo, Domenico Building web applications with SVG SVG (DE-588)4658480-8 gnd Computergrafik (DE-588)4010450-3 gnd Web-Seite (DE-588)4356308-9 gnd |
| subject_GND | (DE-588)4658480-8 (DE-588)4010450-3 (DE-588)4356308-9 |
| title | Building web applications with SVG |
| title_auth | Building web applications with SVG |
| title_exact_search | Building web applications with SVG |
| title_full | Building web applications with SVG David Dailey ; Jon Frost ; Domenico Strazzullo |
| title_fullStr | Building web applications with SVG David Dailey ; Jon Frost ; Domenico Strazzullo |
| title_full_unstemmed | Building web applications with SVG David Dailey ; Jon Frost ; Domenico Strazzullo |
| title_short | Building web applications with SVG |
| title_sort | building web applications with svg |
| topic | SVG (DE-588)4658480-8 gnd Computergrafik (DE-588)4010450-3 gnd Web-Seite (DE-588)4356308-9 gnd |
| topic_facet | SVG Computergrafik Web-Seite |
| url | http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=025489309&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA |
| work_keys_str_mv | AT daileydavid buildingwebapplicationswithsvg AT frostjon buildingwebapplicationswithsvg AT strazzullodomenico buildingwebapplicationswithsvg |