HTML5 Canvas 使用

1、准备Dom容器,固定大小的canvas标签,具有ID属性

<canvas id="djx" width="1000" height="600">
</canvas>

2、输入javascript脚本控制文本的生成,

<script type="text/javascript">
var canvas=document.getElementById("djx");
var context=canvus.getContext("2d");

context.fillText("Hello World",10,50);

<script>

3、在浏览器中预览,有的浏览器不支持,如果不能正常显示更换浏览器刷新!

posted @ 2017-06-16 11:27  Gordon管  阅读(140)  评论(0编辑  收藏  举报