ollin / code Goto Github PK
View Code? Open in Web Editor NEWThis project forked from corehtml5canvas/code
Source code for Core HTML5 Canvas
License: Other
This project forked from corehtml5canvas/code
Source code for Core HTML5 Canvas
License: Other
This is the source code from the book Core HTML5 Canvas, published by Prentice-Hall in May 2012. See LICENSE.txt for the minimal restrictions on its use. (Yes, you can use any of the code in commercial products as long as you're not using it for education material such as books, videos, presentations, etc.) YOU MUST CONFIGURE YOUR BROWSER TO RUN SOME EXAMPLES LOCALLY: The following examples perform image manipulation and will therefore result in security exceptions when you run them on your local filesystem. See the Security section of the Images chapter in Core HTML5 Canvas for information on bypassing the browser's security so you can run those examples: example-4.9 example-4.13 example-4.14 example-4.15 example-4.16 example-4.18 example-4.20 Overview........................................................................ You can access all of the examples by loading index.html in an HTML5-capable browser. The examples are grouped by chapter, and mostly by example number. For instance, here are the directories that you'll find in the ch08 directory: example-8.1 example-8.10 example-8.19 example-8.2 example-8.20 example-8.8 section-8.1.1 section-8.3 section-8.4.1.6 The example numbers correspond to listings in the book. Many listings in the book are partial listings, so example numbers will often jump around, which is the case for chapter 8 above, which has several partial listings between example-8.2 and example-8.8. Some examples do not have listings. I discuss the examples in the book, and perhaps show a little of their code, but not enough for a full listing, so you can find those listings by their sections instead, as is the case for the last three examples in chapter 8 listed above. Some examples that you have downloaded are slightly different from the listings in the book; for example, I have put all images shared among examples in shared/images, and I've modified the examples to use those images to save space in the zip file. I've also added the security fix for Firefox discussed in section 4.8 to several of the examples so the examples run without intervention. Browser Anomolies............................................................... The latest browser versions that I've tested this code with: Firefox 12.0 Chrome 20.0 Safari 5.0.5 Opera 11.6.2 IE9/10 Known Bugs: 1. Opera and IE9/10 do not implement arcTo() correctly (see bit.ly/HVvnT8), which affects the following examples: example-2.20 example-4.22 section-6.3.2 example-7.1 section-8.1.1 example-10.4 (Opera, in addition to incorrectly drawing the arcs, is incredibly slow here) example-10.7 2. Opera does not fill text correctly, affecting the following examples: example-3.1, example-3.5. 3. Firefox does not fill text with a gradient correctly in example-3.2. 4. Paragraphs do not indent correctly in Firefox and Opera in example-3.18. 5. Opera does not redraw the image as you drag the slider in example-4.6. 6. Firefox and Opera draw watermark text with the wrong colors in example-4.8. 7. Firefox and Chrome draw the bomb at the wrong scale. Performance..................................................................... HTML5 Canvas performance varies significantly between devices and operating systems, but in general it's very good. When the book was released, performance was still pitiful on Android, but pretty kickass on iOS5. See http://bit.ly/HsyFOG on an iPad for some examples. When you run some of the more intense examples in the book, especially games such as the bucket game and pinball, those examples will run slowly if you have a million tabs and browser windows open, which is always the case for me. So when you run those examples, close your other windows and tabs. Thank You....................................................................... Thank you for downloading the code. I hope you find it, and the book, useful. David Geary
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.