<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Non-0 Wrapping principle</title></Head><Body> <CanvasID= "Canvas"style= "margin:0 auto;border:1px #ddd Solid">the current browser does don't support Canvas, can replace the browser a try! </Canvas> <Script>window.onload= function(){ varCanvas=document.getElementById ('Canvas'); Canvas.width= 1024x768; Canvas.height= 768; if(Canvas.getcontext ('2d')){ varContext=Canvas.getcontext ('2d'); Context.beginpath (); Context.arc ( -, -, -,0, Math.PI*2,false); Context.arc ( -, -, Max,0, Math.PI*2,true); Context.closepath (); Context.fillstyle= "#058"; Context.shadowcolor= "Gray"; Context.shadowoffsetx= Ten; Context.shadowoffsety= Ten; Context.shadowblur= Ten; Context.fill (); }Else{alert ('the current browser does not support canvas, please change the viewer and try again! '); } } </Script></Body></HTML>
Canvas-9nonzeroaroundprinciples.html