Question

我有一个主画布，我有文字..

我想在此文本中添加阴影...所以我创建了一个createGraphics图像..我在哪里绘制相同的文本

在这个新的createGraphics图像中，我想添加一个模糊..然后将这个模糊的图像复制到我的主画布....

但是当我尝试应用模糊时...我收到此错误：无法读取属性＆＃39; getContext＆＃39;未定义的

在第75行的这个草图中...（我已经简化了，因此更容易调试）如果你取消注释我添加模糊的行...它会得到错误..：https://codepen.io/giorgiomartini/pen/LzQeGQ?editors=0010

这是代码的外观：

function setup(){
  colorMode(HSB, 360) 
  createCanvas(canvasX,canvasY)
  textShadow = createGraphics(canvasX, canvasY)
}


function mouseClicked(){
    wordsUppercase = textArray.map(function(x){ return x.toUpperCase()})
    const someWord = returnRandomFromArray(wordsUppercase)

    blendMode(BLEND)
    const colsArray = randomColor({luminosity: 'light', format: 'hsl',count: 5}) 
    background(colsArray[0])
    translate(width/2, height/2)

    drawTextShadow(someWord)
    image(textShadow, -width/2,-height/2);



}

function drawTextShadow(someWord) {
  textShadow.clear()
  textShadow.translate(width/2,height/2) 


  textShadow.textSize(60)
  textShadow.fill(0)
  textShadow.textAlign(CENTER)
  textShadow.rectMode(CENTER)
  textShadow.textFont('Passion One')
  textShadow.strokeWeight(10)
  textShadow.text(someWord, 0,canvasY/2.3,canvasX/1.5,canvasY)




  textShadow.translate(-width/2,-height/2) 
  //textShadow.filter(BLUR,3)
}

知道这是什么问题吗？

模糊过滤器无法处理createGraphics图像中的图像...说：无法读取属性＆＃39; getContext＆＃39;

0 个答案: