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