在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ 如何使用canvas框選一個(gè)不規(guī)則的封閉區(qū)域

如何使用canvas框選一個(gè)不規(guī)則的封閉區(qū)域

使用canvas將一張圖像導(dǎo)入到界面中，想要實(shí)現(xiàn)的效果是將圖像中某個(gè)不規(guī)則區(qū)域框選出來，然后對該區(qū)域的像素進(jìn)行操作，網(wǎng)上搜了不少資料，然而并沒有想要的結(jié)果，所以就來問一下各位大佬了……

回答
編輯回答
風(fēng)清揚(yáng)

有這個(gè)不規(guī)則區(qū)域的點(diǎn)坐標(biāo)數(shù)組即可。

// 偽代碼
const points = [{
  x: 2,
  y: 5
}, ...];
ctx.beginPath();
points.forEach((point, i)=> {
  i === 0 ? ctx.moveTo(point[i].x, point[i].y) : ctx.lineTo(point[i].x, point[i].y);
})

ctx.closePath()

ctx.stroke()

// 將這個(gè)不規(guī)則區(qū)域剪切出來
ctx.clip();

https://github.com/PengJiyuan...

2017年9月9日 03:34