名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
<canvas id="canvas" width="500" height="400" style="background-color: yellow;"></canvas>
var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
cxt.font="40px 黑体";
//绘制实心字
cxt.fillStyle="red";//填充红色
cxt.fillText("hello,思思博士",10,50);
//绘制空心字
cxt.strokeStyle="red";//红色边
cxt.strokeText("hello,思思博士",10,100);
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,html5,canvas,文字特效网页hTML5教程 Canvas中绘制矩形具体相关
让咱们来看一下Canvas内置的简单几何图形 — 矩形的绘制。在Canvas中,绘制矩形有三种实用具体的方法:填充(fillRect)、描边(StrokeRect)以及清除(clearRect)。当然,咱们也可以使用“路径”来描绘包括矩形在内的所有图形。