Comments (17)
  • Add a Comment
  • Edit
  • More Actions v
  • Quarantine this Entry

1 David_Salinas commented Permalink

What a nice blog post to close out the year, 2011. Providing both the general instructions and complete code snippets makes this both a great learning guide and practical reference. The best part is that this HTML5 post really gives a great example of how to blend the artistic with the technical to create something really compelling. <div>&nbsp;</div> On a side note, there seems to be something wrong with the blog post in IE 8. Specifically, the post starts with the end of the 1st line of code from the 2nd code snippet in the 'Creating the Context' section. It looks fine in both Chrome and FF. <div>&nbsp;</div> Thanks for post. Looking forward to another year of blog posts from your blog. Happy New Year!

2 bobleah commented Permalink

@ David - Thanks for the feedback! I haven't been as excited to see this type of interface since the introduction of the Java java.awt.Paint interface! <div>&nbsp;</div> As for the issue you have encountered. I've been doing some enhancement work on the minimal blog template, and all appears fine in IE9 (my test browser). Can you email me a screen grab of your IE 8 experience? Thanks!

3 bobleah commented Permalink

@David - OK, I believe I found the issue with IE8, and it is not my template... phew! At issue was a malformed URL structure within the blog post itself. <div>&nbsp;</div> I'm having the team investigate the cause....

4 jackptester commented Permalink

Thanks Bob for a working example of this functionality. It appears that the W3C site is recommending that users reference the Editor's version of this emerging specification: <div>&nbsp;</div> Happy New Year!

5 bobleah commented Permalink

@ Jack - thanks Jack! I have updated my blog link to point to the Editor's version... <div>&nbsp;</div> Happy New Year!

6 PeterYim commented Permalink

Bob, <div>&nbsp;</div> This is nice! An easy way to brand a QR code with an image!! Love HTML 5! Thanks for sharing! <div>&nbsp;</div> Peter

7 bobleah commented Permalink

@ Peter - HTML5 makes everything simple... with Canvas, I believe Flash may be on the outs... <div>&nbsp;</div> Thanks for the comment!!!

8 Editor_Barb commented Permalink

Useful post Bob. Thanks! Check out additional developerWorks content on HTML5 Canvas:;lang=en&amp;cc=US&amp;en=utf&amp;hpp=20&amp;dws=dw&amp;q=html5+canvas&amp;Search=Search

9 bobleah commented Permalink

@ Editor-Barb - wow, thanks for the link! <div>&nbsp;</div> I'm going to geek out on all these HTML5 Canvas resources in your link!

10 thartric commented Permalink

Bob, Thanks for continuing to find innovative and useful ways to help all of us! Very creative!

11 bobleah commented Permalink

@ Tom - Thanks for the kind words Tom!

12 finderanderson commented Permalink

its interesting and nice idea to share. <br /> Although i cant understand the following code of canvas but it looks to me that its another way of creating nice drawing by coding!!! <div>&nbsp;</div> */"var element = document.getElementById('myCanvas'); <br /> if (!element || !element.getContext) { <br /> return; <br /> } <br /> var context = element.getContext('2d'); <br /> if (!context || !context.drawImage) { <br /> return; <br /> }*/" <div>&nbsp;</div> <div>&nbsp;</div> anyway great idea to share... <br /> anderson, website:

13 bobleah commented Permalink

@ finderanderson - The first method is verifying that the webpage contains a canvas element. The second method is verifying that the browser supports canvas. If either is false, then the remainder of the script does not run. <div>&nbsp;</div> Thanks for the feedback!

14 David_Salinas commented Permalink

Bob.... when you are going to post a new blog entry?

15 bobleah commented Permalink

@ David_Salinas -- I'm semi retired blogging, so don't expect any new posts.

16 thartric commented Permalink

Bob, I miss your Blogging!

17 thartric commented Permalink

I always enjoy your Blogs Bob