<!doctype html> |
|
|
|
|
|
<meta charset= "utf-8" > |
|
<title>webrx-title-qq:7031633</title> |
|
<meta name= "description" content= " Introduction" > |
|
<meta name= "keywords" content= " keywords" > |
|
<link rel= "stylesheet" type= "text/css " href= "Index.css" > |
|
<script src= "" ></script> |
|
|
|
|
|
|
|
<body> |
|
<canvas id= "mycanvas" width= "height=" ></canvas> |
|
<script> |
|
var canvas = document.getElementById (' MyCanvas '); |
|
var ctx = Canvas.getcontext (' 2d '); |
|
ctx.fillstyle= ' #ff0000 '; |
|
Ctx.fillrect (0,0,300,300); |
|
|
|
Ctx.beginpath (); |
|
Ctx.moveto (0,80); |
|
Ctx.lineto (300,300); |
|
ctx.strokestyle= "White"; |
|
Ctx.stroke (); |
|
|
|
Ctx.moveto (100,0); |
|
Ctx.lineto (300,300); |
|
ctx.strokestyle= "White"; |
|
Ctx.stroke (); |
|
|
|
Ctx.font= "20px official script"; |
|
Ctx.fillstyle = "green"; |
|
Ctx.filltext ("star", 180,50); |
|
Ctx.filltext ("period", 230,130); |
|
</script> |
|
|
|
<table width= "483" border= "1" cellpadding= "0" > |
|
<tr height= "> " |
|
<TD width= "> " |
|
<canvas id= "m" width= "94" height= "98" ></canvas> |
|
<script> |
|
var canvas = document.getElementById (' m '); |
|
var ctx = Canvas.getcontext (' 2d '); |
|
ctx.fillstyle= ' #ffffff '; |
|
Ctx.fillrect (0,0,94,98); |
|
|
|
Ctx.beginpath (); |
|
Ctx.moveto (0,30); |
|
Ctx.lineto (94,98); |
|
Ctx.strokestyle= "BLACK"; |
|
Ctx.stroke (); |
|
|
|
Ctx.moveto (35,0); |
|
Ctx.lineto (94,98); |
|
Ctx.strokestyle= "BLACK"; |
|
Ctx.stroke (); |
|
|
|
Ctx.font= "20px official script"; |
|
Ctx.fillstyle = "green"; |
|
Ctx.filltext ("star", 60,30); |
|
Ctx.filltext ("period", 230,130); |
|
</script> |
|
</td> |
|
<TD width= "> " </td> |
|
<TD width= "277" > </td> |
|
</tr> |
|
<tr> |
|
<td> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
<tr> |
|
<td> </td> |
|
<td> </td> |
|
<td> </td> |
|
</tr> |
|
</table> |
|
</body> |
|
|
|