数码资讯
HTML5使用画布绘制三角形。
本文主要介绍用HTML5绘制一个三角形的画布,需要的朋友可以参考一下。 复制代码代码如下所示: VaR的画布document.getelementbyid(画布); VaR CXT = canvas.getcontext(2D); Cxt.beginPath(); Cxt.moveTo(250,50
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文主要介绍用HTML5绘制一个三角形的画布,需要的朋友可以参考一下。
复制代码代码如下所示:
VaR的画布document.getelementbyid(画布);
VaR CXT = canvas.getcontext(2D);
Cxt.beginPath();
Cxt.moveTo(250,50);
Cxt.lineTo(200200);
Cxt.lineTo(300300);
(CXT。closepath) / /填补;需要绘制封闭路径或关闭
空心三角形
CXT。strokeStyle =红色;
Cxt.stroke();
实心三角形
Cxt.beginPath();
Cxt.moveTo(350,50);
Cxt.lineTo(300200);
Cxt.lineTo(400300);
Cxt.closePath();
Cxt.fill();
复制代码代码如下所示:
VaR的画布document.getelementbyid(画布);
VaR CXT = canvas.getcontext(2D);
Cxt.beginPath();
Cxt.moveTo(250,50);
Cxt.lineTo(200200);
Cxt.lineTo(300300);
(CXT。closepath) / /填补;需要绘制封闭路径或关闭
空心三角形
CXT。strokeStyle =红色;
Cxt.stroke();
实心三角形
Cxt.beginPath();
Cxt.moveTo(350,50);
Cxt.lineTo(300200);
Cxt.lineTo(400300);
Cxt.closePath();
Cxt.fill();
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。