none
What is Microsoft doing on IE10 ?

    Question

  • IE 10 is so nice.

    But I can't understand Microsoft for IE10.

    Let's see below.

    Use this sample source.

    <!DOCTYPE html>
    <html>
    <body>

    <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
    Your browser does not support the HTML5 canvas tag.</canvas>

    <script>

    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");

    ctx.fillStyle = 'rgba(0,0,0,0.4)';
    ctx.fillRect(0,0,998,998);

    ctx.beginPath();

    ctx.arc(100,75,50,0,2*Math.PI);
    ctx.closePath();

    ctx.clip();
    ctx.clearRect(0,0,998,998);

    </script>

    </body>
    </html>

     

    It doesn't work only on IE 10.

    How about IE 9 ?

    It works great on IE 9.

    What is Microsoft doing about IE 10 ?

    I can't understand.

    Is there anyone knows the solution about this ?



    Monday, November 19, 2012 7:24 PM

Answers

All replies

  • You can test this at w3schools.com.

    I can't post any url yet.

    Monday, November 19, 2012 7:38 PM
  • Hi,

    use a validator to detect markup errors in your page. validator.w3.org or f12>Validate>HTML

    your page lacks a <head> tag.

    Line 3,        Column 6:     Element head is missing a required instance of child element title.    

    <body>

    see MSDN - arc method for an example of using the canvas arc method.


    Rob^_^

    Tuesday, November 20, 2012 6:43 AM
  • Hi,

    use a validator to detect markup errors in your page. validator.w3.org or f12>Validate>HTML

    your page lacks a <head> tag.

    Line 3,        Column 6:     Element head is missing a required instance of child element title.    

    <body>

    Rob^_^

    This source is from w3schools.com.  Not from me.

    This source works on Firefox, Chrome, Safari, Opera, Ie9.

    Only IE 10 doesn't work.

    Anyway thanks for your answer.

    I'll try to fix it as you said. :)


    Tuesday, November 20, 2012 7:48 AM
  • Anyway....The problem is not the thing you said.

    Though I fixed 'head' tag error it still doesn't work too.


    IE10 has a problem certainly.
    Tuesday, November 20, 2012 7:56 AM
  • Thanks for reporting this problem. This issue has been reported to the Canvas owner on the IE team.
    Tuesday, November 20, 2012 8:42 PM
  • Thanks for reporting this problem. This issue has been reported to the Canvas owner on the IE team.

    ok. Thanks.

    I hope to see IE 10 is getting better. :)

    Tuesday, November 20, 2012 8:48 PM
  • See also:
    http://connect.microsoft.com/IE/feedback/details/772169/canvas-clearrect-fails-if-clip-rectangle-has-non-integer-dimensions
    Wednesday, December 05, 2012 10:44 AM
  • See also:
    http://connect.microsoft.com/IE/feedback/details/772169/canvas-clearrect-fails-if-clip-rectangle-has-non-integer-dimensions

    This page is invalid.

    What's wrong with me ?

    Saturday, December 08, 2012 9:38 AM
  • Hi,

    Please see the W3C's response to the w3schools website at http://w3fools.com

    Regards.


    Rob^_^

    Tuesday, December 11, 2012 1:47 AM
  • Hi,

    Please see the W3C's response to the w3schools website at http://w3fools.com

    Regards.


    Rob^_^

    Thanks. but...

    My problem is not concerned with Markup such as 'title', 'head' but just 'canvas'.

    I'm looking forward to see the patch about this.


    Thursday, December 13, 2012 1:08 PM