请问如何在canvas绘制图片到多边形上

[宇宙无敌暴龙神DEF]

如题，我想要让一个图片绘制在canvas的一个多边形上，可是似乎CanvasRenderingContext2D的绘制图片的接口只有矩形的，应该怎么做呢？

[天际的海浪]

先绘制多边形的路径，再用图片做为填充样式填充 ctx.fillStyle=ctx.createPattern(image,"no-repeat"); ctx.fill();

[gqkmiss]

建议使用 fabric.js 操作canvas 地址：http://fabricjs.com/

[医手]

你说的这个可能叫剪切ctx.clip(); 工作的原理是，先规定一个剪切区域（例如多边形)，然后无论你画图片还是画什么，只要是超出剪切区域的内容，都不会显示出来。