HTML canvas arcTo() 方法
Canvas 对象
实例
在画布上创建介于两个切线之间的弧：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catc……继续阅读 »
2年前 (2022-09-04) 57浏览 0评论
0个赞
HTML canvas isPointInPath() 方法
Canvas 对象
实例
如果点 20,50 位于当前路径中，则绘制一个矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML canvas arc() 方法
Canvas 对象
实例
创建一个圆形：
您的浏览器不支持 Canvas 标签。
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catch (er) {canvOK=0;}
if (canvOK==1)
{……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
HTML canvas bezierCurveTo() 方法
Canvas 对象
实例
绘制一条三次贝塞尔曲线：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
c……继续阅读 »
2年前 (2022-09-04) 77浏览 0评论
0个赞
HTML canvas clip() 方法
Canvas 对象
实例
从画布中剪切 200*120 像素的矩形区域。然后，绘制一个红色矩形。只有被剪切区域内的红色矩形部分是可见的：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
HTML canvas quadraticCurveTo() 方法
Canvas 对象
实例
绘制一条二次贝塞尔曲线：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);……继续阅读 »
2年前 (2022-09-04) 54浏览 0评论
0个赞
HTML canvas closePath() 方法
Canvas 对象
实例
绘制一条路径，形式是字母 L，然后绘制线条以返回开始点：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d……继续阅读 »
2年前 (2022-09-04) 94浏览 0评论
0个赞
HTML canvas lineTo() 方法
Canvas 对象
实例
开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
HTML canvas moveTo() 方法
Canvas 对象
实例
开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML canvas stroke() 方法
Canvas 对象
实例
绘制一条路径，形状是红色的字母 L：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
ca……继续阅读 »
2年前 (2022-09-04) 99浏览 0评论
0个赞
HTML canvas beginPath() 方法
Canvas 对象
实例
在画布上绘制两条路径；绿色和紫色：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
……继续阅读 »
2年前 (2022-09-04) 66浏览 0评论
0个赞
HTML canvas fill() 方法
Canvas 对象
实例
绘制 150*100 像素的矩形，然后用红色来给它填色：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d̶……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞
HTML canvas strokeRect() 方法
Canvas 对象
实例
绘制 150*100 像素的矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML canvas clearRect() 方法
Canvas 对象
实例
在给定矩形内清空一个矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catc……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML canvas fillRect() 方法
Canvas 对象
实例
绘制 150*100 像素的已填充矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);……继续阅读 »
2年前 (2022-09-04) 13浏览 0评论
0个赞
HTML canvas miterLimit 属性
Canvas 对象
实例
以最大斜接长度 5 绘制线条：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);
ctx.lineWidth=1……继续阅读 »
2年前 (2022-09-04) 88浏览 0评论
0个赞
HTML canvas rect() 方法
Canvas 对象
实例
绘制 150*100 像素的矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catch……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
HTML canvas lineJoin 属性
Canvas 对象
实例
当两条线条交汇时，创建圆形边角：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catc……继续阅读 »
2年前 (2022-09-04) 71浏览 0评论
0个赞
HTML canvas lineWidth 属性
Canvas 对象
实例
用宽度为 10 像素的线条来绘制矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
……继续阅读 »
2年前 (2022-09-04) 15浏览 0评论
0个赞
HTML canvas lineCap 属性
Canvas 对象
实例
绘制圆形的结束线帽：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catch (er) ……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML canvas createRadialGradient() 方法
Canvas 对象
实例
绘制一个矩形，并用放射状/圆形渐变进行填充：
YourbrowserdoesnotsupporttheHTML5canvastag.
window.onload=function()
{
var c=document.getElementById(“myCanvas”);
var ca……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML canvas addColorStop() 方法
Canvas 对象
实例
定义一个从黑到白的渐变，作为矩形的填充样式：
YourbrowserdoesnotsupporttheHTML5canvastag.
window.onload=function()
{
var c=document.getElementById(‘myCanvas’);
var canvOK=1;
……继续阅读 »
2年前 (2022-09-04) 73浏览 0评论
0个赞
HTML canvas createPattern() 方法
Canvas 对象
用到的图像：
实例
在水平和垂直方向重复图像：
YourbrowserdoesnotsupporttheHTML5canvastag.
document.getElementById(“lamp”).onload=function()
{
var c=document.getElementById(……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
HTML canvas shadowOffsetY 属性
Canvas 对象
实例
绘制一个矩形，带有向下偏移 20 像素的阴影（从矩形的 top 位置）：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext……继续阅读 »
2年前 (2022-09-04) 45浏览 0评论
0个赞
HTML canvas createLinearGradient() 方法
Canvas 对象
实例
定义从黑到白的渐变（从左向右），作为矩形的填充样式：
YourbrowserdoesnotsupporttheHTML5canvastag.
window.onload=function()
{
var c=document.getElementById(“myCanvas”);
va……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
HTML canvas shadowOffsetX 属性
Canvas 对象
实例
绘制一个矩形，带有向右偏移 20 像素的阴影（从矩形的 left 位置）：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContex……继续阅读 »
2年前 (2022-09-04) 46浏览 0评论
0个赞
HTML canvas shadowBlur 属性
Canvas 对象
实例
绘制一个带有黑色阴影的红色矩形，模糊级数是 20：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2dR……继续阅读 »
2年前 (2022-09-04) 65浏览 0评论
0个赞
HTML canvas shadowColor 属性
Canvas 对象
实例
绘制一个带有黑色阴影的红色矩形：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
c……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
HTML canvas strokeStyle 属性
Canvas 对象
实例
绘制一个矩形。请用红色的笔触颜色：
YourbrowserdoesnotsupporttheHTML5canvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
……继续阅读 »
2年前 (2022-09-04) 61浏览 0评论
0个赞
HTML canvas fillStyle 属性
Canvas 对象
实例
定义用红色填充的矩形：
Yourbrowserdoesnotsupportthecanvastag.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try {c.getContext(“2d”);}
catch (er) {c……继续阅读 »
2年前 (2022-09-04) 79浏览 0评论
0个赞
