首页 > 代码库 > HTML5 画图--文字

HTML5 画图--文字

1:html

<div style="margin:0 auto;width:794px;height:1123px"><canvas id="myCanvas" width="794" height="1123" style="border:1px solid #c3c3c3;background:url(img/ruhuotongzhi1.jpg)">Your browser does not support the canvas element.</canvas>    </div>

  2:js

 var c = document.getElementById("myCanvas");            var context = c.getContext("2d");            var json = { "name": [{ "a": "李四" }] }            //alert(json.name[0].a);            context.fillStyle =‘black‘;//字体颜色            context.font = ‘20px sans-serif‘;//字体样式             context.fillText(json.name[0].a, 105, 206);//位置            context.fillText(json.name[0].a, 509, 208);            context.fillText(json.name[0].a, 80, 246);            context.fillText(json.name[0].a, 550, 246);

  

HTML5 画图--文字