【发布时间】：2011-11-10 21:12:11
【问题描述】：
我有一个在 HTML5 画布上工作的小项目，我想了解如何完成它。我使用所有画布线功能构建了树的轮廓。 lineTo、bezierCurveTo、quadraticCurve等。我附上了轮廓的图片。现在，我想做的是有一些代码来填充这个大纲的百分比。有点像从底部开始的进度条。有没有人对如何实现这一点有想法？
谢谢
【问题讨论】：
标签： html
【发布时间】：2011-11-10 21:12:11
【问题描述】：
与其认为问题是必须填充树内部的一定百分比，不如将图像分成两层，即树和“填充”层，然后在另一层上绘制。请参阅下面的图片以获取快速而肮脏的示例。
当然，您需要遮盖“填充”层的其余部分，因此您需要将树形的外部填充为白色，但这应该相当容易，因为您已经制定了路径。从本质上讲，您的路径将不是树形的外边缘，而是树形洞的内边缘！
【讨论】：
-
是的，但是如何填充路径的外部？