forked from corehtml5canvas/code
-
Notifications
You must be signed in to change notification settings - Fork 0
Source code for Core HTML5 Canvas
License
Qwqw127/canvas_code
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
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
About
Source code for Core HTML5 Canvas
Resources
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 73.9%
- HTML 25.1%
- CSS 1.0%