如何解决将样式转换图像应用于圆形蒙版 P5.js
目前我将我的风格转移存储在一个名为 Temp 的临时变量中,从那里我想在圆形蒙版中掩盖我的风格转移,使其成为像 Myimage 一样的圆形图像。然而,问题是当我尝试更改与 Temp 变量相关的任何内容时,我收到此错误:未捕获(承诺)TypeError:无法读取未定义的属性“src”。问题是变量在未更改时已定义,但如果发生任何更改,则变为未定义。
任何帮助将不胜感激。
function setup() {
canvas = createCanvas(500,500);
circleMask = createGraphics(128,128);
// load two style transfer models from the models folder
style1 = ml5.styleTransfer("models/mathura",modelLoaded);
style2 = ml5.styleTransfer("models/udnie",modelLoaded);
style3 = ml5.styleTransfer("models/OversoulSpellModel",modelLoaded);
style4 = ml5.styleTransfer("models/OilPainting",modelLoaded);
circleMask.fill('rgba(0,1)');
circleMask.circle(64,64,128); //creating a circle mask
myImage.mask(circleMask._renderer); //using . renderer apperantly fixes the issue of mask not being a function
}
function keypressed() {
if (key == 'a') {
console.log("A");
// myImage = originalImg; // switch back to original so we can prevent recursive application
style1.transfer(canvas,function(err,result) {
tempDOMImage = createImg(result.src).hide();
myImage = tempDOMImage;
});
}else if (key == 'b') {
// myImage = originalImg; // switch back to original so we can prevent recursive application
style2.transfer(canvas,result) {
tempDOMImage = createImg(result.src).hide();
myImage = tempDOMImage;
});}
else if (key == 'c') {
// myImage = originalImg; // switch back to original so we can prevent recursive application
style3.transfer(canvas,result) {
tempDOMImage = createImg(result.src).hide();
myImage = tempDOMImage;
});}
else if (key == 'd') {
// myImage = originalImg; // switch back to original so we can prevent recursive application
style4.transfer(canvas,result) {
tempDOMImage = createImg(result.src).hide();
myImage = tempDOMImage;
});
}else {
// we should transfer back
myImage = originalImg;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。