StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
10237493
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-04-19T22:04:41.513
FavoriteCount
0
LastActivityDate
2012-04-19T22:32:49.323
LastEditDate
2012-04-19T22:32:49.323
LastEditorUserId
1271912
OwnerUserId
1271912
ParentId
10237207
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
The problem with using ctx.clearRect(0,0,canvas.width,canvas.height) is that if you have modified the transformation matrix you likely will not be clearing the canvas properly. The solution? Reset the transformation matrix prior to clearing the canvas: // Store the current transformation matrix ctx.save(); // Use the identity matrix while clearing the canvas ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0, 0, canvas.width, canvas.height); // Restore the transform ctx.restore(); Edit: Chrome responds well to: context.clearRect ( x , y , w , h ); but IE9 seems to completely ignore this instruction. IE9 seems to respond to: canvas.width = canvas.width; but it doesn't clear lines, just shapes, pictures and other objects. So if you have a canvas and context created like this: var canvas = document.getElementById('my-canvas'); var context = canvas.getContext('2d'); You can use a method like this: function clearCanvas(context, canvas) { context.clearRect(0, 0, canvas.width, canvas.height); var w = canvas.width; canvas.width = 1; canvas.width = w; } Edit2: use this code to check if the browser supports it: <pre><code>function checkSupported() { canvas = document.getElementById('canvas'); if (canvas.getContext){ ctx = canvas.getContext('2d'); // Canvas is supported } else { // Canvas is not supported alert("We're sorry, but your browser does not support the canvas tag. Please use any web browser other than Internet Explorer."); } } </code></pre> And to make this code execute when the web page loads, adjust the body tag so it reads like this: <pre><code><body onload="checkSupported();"> </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POclear canvas of multiuser HTML5 canvas
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USElnaz
UserOwnerUserId
1. USElnaz
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POclear canvas of multiuser HTML5 canvas
 singulars
 PostTypePostTypeId
 PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTAcceptedByOriginator
CommentsPostId
1. COThanks for the explanation.
 singulars
 PostPostId
 PO
 UserUserId
 USuser1322343

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.