如何在画布中使用剪辑抠出一个区域 - 行业资讯 - 肥雀云

　　介绍

今天就跟大家聊聊有关如何在画布中使用剪辑抠出一个区域,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

& lt; ! DOCTYPE html>,, 　　& lt; html>,, 　　,,,& lt; head>,, 　　,,,,,,,& lt; meta charset=皍tf-8"祝辞,, 　　,,,,,,,& lt; title> & lt;/title>,, 　　,,,& lt;/head>,, 　　,,,& lt; body>,, 　　,,,,,,,& lt; canvas id=癱anvas",宽度=?00“,身高=?00“祝辞& lt;/canvas>,, 　　,,,& lt;/body>,, 　　,,,& lt; script 类型=拔谋?javascript"祝辞,, 　　,,,,,,,var canvas =, . getelementbyid (“canvas");,, 　　,,,,,,,var context =, canvas.getContext (“2 d");,, 　　,,,,,,,context.fillStyle =,“lightgreen",,, 　　,,,,,,,context.fillRect (0, 0, canvas.width,, canvas.height);,, 　　,,,,,,,context.beginPath ();,, 　　,,,,,,,context.fillRect (100,, 100,, 200,, 100),,, 　　,,,,,,,context.clip ();,, 　　,,,,,,,context.closePath ();,, 　　,,,,,,,context.fillStyle =,“lightblue",,, 　　,,,,,,,context.fillRect (0, 0, canvas.width,, canvas.height);,, 　　,,,& lt;/script>,, 　　& lt;/html>

发现如果要抠出一个新的路径的话应该使用矩形、弧等方法

所有应该在改为

context.beginPath ();,, 　　context.rect (100,, 100,, 200,, 100),,, 　　context.clip ();

看完上述内容,你们对如何在画布中使用剪辑抠出一个区域有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。