详解HTML5 canvas画图根基行使要领

提醒：一旦剪切了某个地区，则全部之后的画图城市被限定在被剪切的地区内（不能会见画布上的其他地区）。您也可以在行使 clip() 要领前通过行使 save() 要领对当前画布地区举办生涯，并在往后的恣意时刻对其举办规复（通过 restore() 要领）

以下是用一个圆去截取一个矩形的示例：

var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.beginPath(); context.fillStyle = "#0C0101"; context.fillRect(0,0,canvas.width,canvas.height); context.beginPath(); context.fillStyle = "#FFFDFD"; context.arc(400,400,100,0,2*Math.PI); context.fill(); context.clip(); context.beginPath(); context.fillStyle = "#F60825"; context.fillRect(200, 350, 400,50);

除了上述的属性的和要领，尚有以劣等要领：

drawImage()： 向画布上绘制图像、画布或视频。

toDataURL() ：生涯图形

isPointInPath()： 假如指定的点位于当前路径中，则返回 true，不然返回 false。

这里就不逐个举例声名白。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!