html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="26.js"></script>
<style type="text/css">
body{ margin:0; padding:0;}
</style>
</head>
<body onLoad="draw('canvas')">
<canvas id="canvas" width='800' height="300"></canvas>
</body>
</html>
js
// JavaScript Document
function draw(id){
var canvas = document.getElementById(id);
var context = canvas.getContext('2d');
context.fillStyle = 'green';
context.fillRect(0,0,800,300);
context.fillStyle = '#fff';
context.strokeStyle = '#fff';
context.font = "bold 40px '字体','字体','微软雅黑','宋体'";
context.textBaseline = 'hanging';
context.textAlign = 'start';
context.strokeText('anvas绘制文字',210,40);
context.fillText('《一站式共享网络》',160,110);
context.fillText('阅谁问君诵，水落清香浮',130,180);
}
效果图：
相关推荐
第二部分 基础知识篇 第2章 canvas基本功能 / 20 2.1 绘制基本图形 / 20 2.1.1 画线 / 20 2.1.2 画矩形 / 22 2.1.3 画圆 / 24 2.1.4 画圆角矩形 / 26 2.1.5 擦除canvas画板 / 27 2.2 绘制复杂图形 / 28 ...
##### 第 26 章：理解拖放操作 拖放是一种常见的用户交互方式。本章讲解了如何在 JavaFX 应用程序中实现拖放功能。 ##### 第 27 章：理解 JavaFX 中的并发性 JavaFX 支持多线程编程。本章讨论了如何在 JavaFX 中...
第3章 设计网页文本内容 41 教学录像：29分钟 3.1 标题文字的建立 42 3.1.1 标题文字标记<h> 42 3.1.2 标题文字的对齐方式——align 43 3.2 设置文字格式 44 3.2.1 设置文字字体——face 44 ...
第1章 Java语言的GUI历史 2 1.1 最初的AWT 2 1.2 Swing工具包 3 1.3 Eclipse的诞生 3 1.4 Eclipse贡献SWT工具包 5 1.4.1 SWT的结构 6 1.4.2 SWT所支持的操作系统 6 1.5 Sun AWT/Swing与Eclipse SWT 7 ...
第1章 Cocos2D-X引擎的介绍 1 1.1 何为游戏引擎 1 1.1.1 游戏的核心—引擎 1 1.1.2 引擎的特点 2 1.1.3 知名的引擎介绍 4 1.1.4 引擎的分类 5 1.2 Cocos2D-X引擎的来历 8 1.3 引擎的版本 9 1.4 下载与安装 ...
/**【第二步】绘制当前进度的蓝色圆弧*/ drawArcRed(canvas, rectF); /**【第三步】绘制当前进度的白色数字*/ drawTextNumber(canvas, centerX); /**【第四步】绘制"本次步数"的灰色文字*/ drawTextStepString...
实例082： 在Canvas中写文字 265 实例083： 移动屏幕中的图片 272 实例084：在屏幕中绘制一个三维圆柱体 276 实例085： 获取并显示图片的宽和高 285 实例086： 编写一个手机屏保程序 287 实例087： 以触摸方式移动...
第1章 开发环境 1 1.1 环境设置 2 0001 如何定制工具栏 2 0002 如何定制组件面板 2 0003 如何定制代码编辑器 3 0004 保存自定义开发环境桌面 4 1.2 组件安装 4 0005 安装ActiveX组件 4 0006 安装...
第1章 开发环境 1 1.1 环境设置 2 0001 如何定制工具栏 2 0002 如何定制组件面板 2 0003 如何定制代码编辑器 3 0004 保存自定义开发环境桌面 4 1.2 组件安装 4 0005 安装ActiveX组件 4 0006 安装...
第二部分 高级技术 第8章 使用GDI和字体的图像编程 167 8.1 TImage：Delphi的图像显示 167 8.2 存储图像 168 8.3 使用TCanvas的属性 169 8.3.1 画笔 170 8.3.2 使用TCanvas.Pixels属性 175 8.3.3 使用刷子 175 8.3.4...
`Canvas`是一个画布，我们可以在这个画布上绘制图形、文字、图片等。`CanvasRenderingContext2D`是用于在`Canvas`上绘图的主要接口，提供了如绘制线条、填充形状、绘制图像等多种方法。在这个游戏中，愤怒的小鸟的...