首页 > 代码库 > 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 画图--文字
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。