我有一张画布,里面有图像。我希望在图像的两个角上放置圆角。我想这样做的方法是使用全球运营商之一,但我似乎不知道如何做到这一点。
任何帮助,将不胜感激。
不要使用全局运算符,而是计算出您希望图像占据的空间(应该是除圆角之外的矩形路径)
然后在绘制图像之前将此路径放在上下文中,调用 .clip(),然后绘制图像。
然后将在图像的两个角上绘制圆角的图像。
因此,您现在唯一真正的任务是找出实现这一目标所需的路径。
简而言之:
ctx.save();
ctx.beginPath();
// use lineTo and BezierTo here to make the path you want, which is a rectangle the size of the image with two rounded corners.
ctx.closePath();
ctx.clip();
// draw the image
ctx.restore(); // so clipping path won't affect anything else drawn afterwards
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)