<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> <title></title> <script type="text/javascript" src="js/jquery.js" ></script> <style> @font-face { font-family:"sor"; src:url('fonts/FZZBHFW.TTF'); } @font-face { font-family:"sy"; src:url('fonts/gangbixingshu.TTF'); } body{margin: 0; padding: 0; font-family:"sy";} #canvas{display: block; margin: 0 auto;} </style> </head> <body> <canvas id="canvas"></canvas> </body> <script type="text/javascript"> var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); var image=new Image(); window.onload=function(){ canvas.width=800 canvas.height=800 image.src="img/1-5.jpg" image.onload=function(){ context.drawImage(image,0,0)// context.drawImage(image,600,200,400,400,200,200,400,400) } context.font = "Bold 20px Arial";?// 設(shè)置對(duì)齊方式context.textAlign = "left";// 設(shè)置填充顏色context.fillStyle = "#008600";?// 設(shè)置字體內(nèi)容，以及在畫布上的位置context.fillText("Hello!", 10, 50);?// 繪制空心字context.strokeText("Hello!", 10, 100);? } </script></html>
用canvas怎么讓圖片在位子的下面 一加圖片文字就看不到了（有例子最佳）
sdwsq
2016-11-15 16:33:12
