canvas绘制字体-属性设置3-创新互联

效果图

兴隆网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站于2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

canvas绘制字体-属性设置3

html结构

<!DOCTYPE html>

<html>

<head>

<title>canvas27</title>

</head>

<body>

当前浏览器不支持canvas,请更换浏览器后再试

</canvas>

</body>

</html>

js脚本

window.onload = function(){

var canvas = document.getElementById("canvas");

canvas.width = 800;

canvas.height = 800;

context = canvas.getContext("2d");

context.fillStyle = "#058";

context.font = "xx-small sans-serif";

context.fillText("欢迎学习",40,100);

context.font = "x-small sans-serif";

context.fillText("欢迎学习",40,200);

context.font = "medium sans-serif";

context.fillText("欢迎学习",40,300);

context.font = "large sans-serif";

context.fillText("欢迎学习",40,400);

context.font = "x-large sans-serif";

context.fillText("欢迎学习",40,500);

context.font = "xx-large sans-serif";

context.fillText("欢迎学习",40,600);

}

</script>

canvas绘制字体-属性设置3

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容