HTML canvas stroke() 方法

作者: Arvin Chen 分类: html 来源: Break易站(www.breakyizhan.com)

HTML canvas stroke() 方法
Canvas 对象

实例

绘制一条路径,形状是红色的字母 L:

YourbrowserdoesnotsupporttheHTML5canvastag.

var c=document.getElementById("myCanvas");

var canvOK=1;

try {c.getContext("2d");}

catch (er) {canvOK=0;}

if (canvOK==1)

{

var ctx=c.getContext("2d");

ctx.beginPath();

ctx.moveTo(20,20);

ctx.lineTo(20,100);

ctx.lineTo(70,100);

ctx.strokeStyle="red";

ctx.stroke();

}

JavaScript:


var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

ctx.beginPath();

ctx.moveTo(20,20);

ctx.lineTo(20,100);

ctx.lineTo(70,100);

ctx.strokeStyle="red";

ctx.stroke();

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 stroke()

方法。
注意:Internet Explorer 8 及之前的版本不支持 <canvas> 元素。

定义和用法

stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。
提示:请使用 strokeStyle

属性来绘制另一种颜色/渐变。

JavaScript 语法: context.stroke();

Canvas 对象

  •   本文标题:HTML canvas stroke() 方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/html/21115.html
      微信返利机器人
      免费:淘宝,京东,拼多多优惠券
      腾讯,爱奇艺,优酷的VIP视频免费解析,免费看
      即刻扫描二维码,添加微信机器人!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注