×Öööð ×öö§ § {{µä{μ Ö ö¡ html5 {µà ý ¿, html5.

×Öööð ×öö§ § {{µä{μ Ö ö¡ html5 {µà ý ¿, html5.

Ó Ã html5 µ μ Ï ööçí ¼ ×ööð Ó Ð ×öð § ¹ û

Ê μ Ï ö~~â · £° Ó ?canvas =äö~äzö£;è» °ó ö~ö~ö{n {?? please refer to the zookeeper without any help.

° Ë Ð äúâ ë £°

JavaScript Code comment:

1. Var canvas;
2. Var ctx;
3. Var tex;
4. Var blankStr = ""; // ä ämöö ° ×
6. $ (Function (){
8. $ ("Button # bt"). click (function () {// ° ó ¨ ° '000000000000¥» 00000000â 000000000000'
10. If ($ ("canvas # myCanvas"). length> 0 ){
11. Canvas = $ ("canvas # myCanvas") [0];
12. Ctx = canvas. getContext ("2d ");
13. }
15. Var tex = $ ("input # inpt"). val (); //» n'~~~~~~~ä×ö
16. If (! Tex) tex = "Yellow ¥"; // ä~~~~~ä×ö~~" yellow ¥"
17. If (tex. length> 1) {// öö§ ³ öò» Ö ö° ×ö
18. Alert ("ç×£ ~ ");
19. Return;
20. }
22. Var reg =/[\ u4E00-\ u9FA5]/g; // Ó ý Ô ò ± ±í' ï Ê ½ Å Ð Ç ñ?
23. If (! Reg. test (tex )){
24. Alert ("ç×£ ;************************************************************* Ø ~ ");
25. Return;
26. }
28. Ctx. fillStyle = "rgba (0, 0, 0, 1)"; //» Ö öæ µé «
29. Ctx. fillRect (20, 20, 40, 40 );
30. ?
31. Ctx. fillStyle = "rgba (255,255,255, 1)" //» Ö ö~~ä×ö
32. Ctx. font = "bolder 40px too many bytes ";
33. Ctx. textBaseline = 'top ';
34. Ctx. fillText (tex, 20, 20 );
36. Var panel = $ ("# panel"); // ° × öê ä~öçororó ò
37. Panel.html ("");
39. For (y = 1; y <40; y ++ ){
40. For (x = 1; x <40; x ++ ){
41. ImageData = ctx. getImageData
42. If (imageData. data [0]> 180) {// 0 Î ° ú£° ° £ 255 Î ° × £ ******************************************* (2)» í¬ ä¯ À ¶ ä Ä äüámámám?° ° § ¹ û
43. Panel.html(panel.html () + blankStr );
44. } Else {
45. Panel.html(panel.html () + tex );
46. }
47. }
48. Panel.html(panel.html () + "<br> ");
49. }
50. });
52. $ ("Button # bt"). click (); // µúram» '{ó Ó Ø Ç äö ö" {¥"
53. });

*************************************************************** À öguímímámímímámāzärämámámímímámímāmāmāmāmāmāmāmāmāmāmāmāmla. ö² zookeeper £;%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

Ô Î äµöö· £° http: // www.cnblogs.com/shouce/archive/2016/05/03/5453737.html