Jump to content

Search the Community

Showing results for tags 'canvas'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 34 results

  1. I am having problems using the "<canvas>" tag as I am using HTML code from your website. http://www.w3schools...tml5_canvas.asp - Canvas Coordinates. Now, I have a piece of code that I have to find the "<canvas>" tag to add. In the code, I found out that a div creates the canvas. But how would I add an image that bounces across the screen when the mouse is over the canvas. I already have the co-ordinates of the mouse and the image inserted. I have attached the .html file and an image a.png. This should create an object and show you the co-ordinates of the mouse when it is over the canvas. And when it is not, it does not show any co-ordinates and shows a heading of PAUSED.index.htmlMany Thanks,[EDIT] Please could someone reply and post some code for this problem. I am only new to HTML. There is Javascript in there but that was in the canvas code here:-http://www.w3schools.com/html/html5_canvas.asp [/EDIT]Additional:-This doen't work in Internet Explorer 10 - well it didn't when I tried.
  2. Hi, I need to draw arrows to make links between elements of a table to make a kind of "route".I used canvas to do this and the result is exactly what I want graphically. However, I need to do actions on the table (like editing a cell by doubleclicking on it) but the canvas has got a z-index higher than my table to be visible so I can't access my table cells. Anyone has got an idea ? Thanks in advance. Matthieu.
  3. Hello,I want to make a script to check if there is anything drawn on a canvas.I tried to use this script: [/font][font=arial,helvetica,sans-serif]var ctx = document.getElementById("canvas").getContext("2d");[/font][font=arial,helvetica,sans-serif]/* Some other code, including some drawing code[/font][font=arial,helvetica,sans-serif]All drawings are black, with alpha value 255 */[/font] [font=arial,helvetica,sans-serif]var a = ctx.[color=#000000][size=1]getImageData(0,0,room.width,room.height)[/size][/color].data.indexOf(255); // to see if anything is drawn[/font][font=arial,helvetica,sans-serif] But for some reason it didn't work.I have also tested some other array methods, but they didn't work either on the imageData.dataIs there some way to make this work?Using a for loop instead would probably be to slow. Michiel
  4. Hi I'm a little new to JavaScript and I am trying to make a small program using an HTML5 canvas. However, when the following code is executed:function Prog(){ var self = this; this.init = function() { var d = document; self.canvas = d.getElementById("can"); self.c = self.canvas.getContext("2d");...}var p = new Prog();p.init();The code works in the other major browsers, but in opera, it throws an error saying "cannot convert self.canvas to object" or sometimes just "self.canvas is null"Thanks in advance
  5. I've been enthusiastically reading a lot of w3schools' tutorials and reference pages on HTML, which is a very big step in the right direction for HTML. Alright, so far so good. The <canvas> and <video> tags are amazing, and things like the technique used here is very exciting: http://www.w3schools...drawimage_video However, I've run into a bit of a show-stopper: the example above, and any similar ones I've been able to find, does not work on mobile devices - even ones that support both <video> and <canvas> by themselves. I haven't tried it on any iOS devices, but web searches indicate they would have the same issues. I've attached a screenshot of how the above example looks on an Asus TF300 tablet (Android 4.0.3). Am I the only one running into these issues, or has anyone else experienced similar problems? If so, were you able to solve it - and how? Regards, Mikkel
  6. Hi all. I am starting a little blog at blogspot.. (any suggestions of who hosts better coding blogs?) Anyway, first up is an example I made detailing some of the caveats of getting started with html5 canvas. Unlike some of the 2nd-english givers out there, my english is good from morning ablutions on. I'm the Steve Carrel type who has a need to be praised. the address ishttp://programahead.blogspot.com the end result can be seen herehttp://respaceable.com/examplemove "usually the people you're worried about stealing your ideas, you should be shoving your ideas down their throats."
  7. Hi all. I am starting a little blog at blogspot.. (any suggestions of who hosts better coding blogs?) Anyway, first up is an example I made detailing some of the caveats of getting started with html5 canvas. Unlike some of the 2nd-english givers out there, my english is good from morning ablutions on. I'm the Steve Carrel type who has a need to be praised. the address ishttp://programahead.blogspot.com the end result can be seen herehttp://respaceable.com/examplemove "usually the people you're worried about stealing your ideas, you should be shoving your ideas down their throats."
  8. Go to http://calinmocanu.webs.com/the_canvas/ball.htm No, that's not my experiment but I want to double the number of balls for more fun.
  9. As seen on this webpage if you change the body's background color to #dddddd the color of background changes to #dddddd, that good. But I didn't want to change the canvas color or I say I want to define canvas' style(the area from the video's edge to the canvas border) independently, suppose for #a8a8a8.
×
×
  • Create New...