globalcompositeoperation

0熱度

1回答

我有一個用KineticJS創建的畫布，我將透明PNG圖像添加到該畫布。當堆疊在彼此的頂部時，這使得所有不同部分的服裝圖像成爲一個圖像。然後，我想要做的是允許用戶點擊一個模式，然後用該模式更改該服裝的特定部分。所以我需要使用該模式填寫其中一個圖像的不透明部分。我找到了一種方法可以做到這一點並沒有使用KineticJS，它看起來是這樣的： ctx.globalCompositeOperation

4熱度

1回答

在canvas中使用globalCompositeOperation遮罩多個形狀

我試圖繪製多個矩形，然後使用globalCompositeOperation'source-in'屏蔽那些效果很好的問題，但問題是當我填充我的矩形時，它們消失......如果我只有一個fill（）調用，它們都可以正確繪製，但只會考慮最後使用的填充樣式。代碼中的問題 - ctx.drawImage(self.glass.mask, 256, 375); ctx.globalCompositeOp

0熱度

1回答

合併多個<canvas>問題

我正在設計一個簡單的應用程序，我需要使用多個globalCompositeOperation，因此我需要使用多個隱藏項目，然後合併它們以獲得最終結果。其中一個畫布項用於drawImage（）然後將其用作alpha蒙版。我認爲在第二個畫布上，如果我用第一個畫布繪製，它會複製它，所以我可以在第二個畫布上添加第二個畫布。我怎麼可以轉發第一畫布第二的全部內容它不會只複製fillRect（）並忽略的dr

0熱度

1回答

html5帆布谷歌+反饋高亮功能

對於谷歌+的反饋，它是如何'削減'其黑色覆蓋（白色矩形）創建反饋的突出效果，而不削減HTML頁面？從這篇文章，How does the Screenshot part of the Google+ Feedback system work?，我知道亮點和停電是< div>標記和< canvas>標記。我在這個網站找到了類似的反饋http://hertzen.com/experiments/jsf

3熱度

1回答

畫布globalCompositeOperation問題三星Galaxy S3 4.1.1和4.1.2

我想創建一個小型繪圖應用程序的Android瀏覽器。然而，當我嘗試使用globalCompositeOperation =「destination-out」擦除位圖時遇到了問題，它在三星Galaxy S3上不起作用完全相同的代碼在HTC ONE X上正常工作，並且安卓4.1。 1 我在這裏發現了一個類似的問題http://code.google.com/p/android/issues/deta

0熱度

1回答

文本蒙版不能使用HTML畫布

我正在嘗試在javascript中進行文本蒙版。下面是我的代碼： - if(this.image!==null) { canvasContext.drawImage(this.image, 0, 0, this.width, this.height); } canvasContext.font = "55px Arial"; canvasContext.textAlign =

1熱度

1回答

在Chrome中使用帶有形狀和文本元素的HTML5 globalCompositeOperation「xor」

在嘗試globalCompositeOperation在Chrome中更正地掩蓋/混合形狀和文本（形狀掩碼/與其他形狀混合工作得很好）時遇到問題我使用Chrome 12.0.7）。任何人都可以提出我可能在這裏誤入歧途的地方，或者在畫布元素中提出解決方法嗎？這裏是一個圖像顯示我所看到的：http://i.stack.imgur.com/wRunv.jpg 這裏是一個將重現這些結果的代碼： <!DO

1熱度

2回答

使用globalCompositeOperation「destination-out」之後，如何獲得輪廓以包含新形狀？

我有一個帶有藍色輪廓的圓弧，然後是使用全局複合運算符「destination-out」覆蓋部分圓弧的圓，導致部分圓弧被取消/切斷，但這留下了部分新的沒有輪廓的形狀，有沒有簡單的方法可以重新建立輪廓？工作實例可以在這裏找到：http://jsfiddle.net/NY2up/ var ctx = document.getElementById("display").getContext('2d')

1熱度

2回答

如何剪切/剪切形狀並揭示其背後的形狀？

到目前爲止，我得到這個：http://jsfiddle.net/Lt7VN/ 但它削減/剪輯紅色和黑色rects，而我希望它只是削減黑色矩形，我怎麼會去這樣做？ context.beginPath(); context.rect(20,20,160,200); context.fillStyle = "red"; context.fill(); context.beginPath();

0熱度

1回答

我們可以將它從一個帆布掉落組合形狀另一

我是新來HTML5，因爲我知道這只是基本知識。如果有人能夠幫助我，那對我來說會很棒。我需要設計差異的形狀和阻力，並從格下降到畫布上。我在畫布中使用globalcomposite操作創建了不同的形狀，現在我需要從畫布拖動到另一個畫布。我希望有一個懂我的任何幫助將是巨大的。 jsfiddle.net/rGUma/5/#一些什麼樣的本，代替這三個圖像，我需要讓我的設計形狀是可能的。這不是我的jfi