1回答
我需要有简短的半透明的电影出现在一个three.js画布上不时-类似于THREE.GlitchShaderPass的效果，但与视频。
我应该在播放视频的摄像机前渲染一个平面吗？
或者在three.js one上创建一个新的画布？
有没有更轻量级/更高效的方法？
谢谢
浏览 0提问于2016-05-30得票数 0
在THREE.js中使用画布有问题。它应该是透明的，如材料，但我仍然可以看到像图像上的白色矩形。有一块帆布，用来在飞机上写文字。
const can = document.createElement('canvas');
can.width = 512;
can.height = 256;
const canvasTexture = new THREE.Texture( can );
我有一个具有以下设置的SpriteMaterial (我知道遗留代码)：
const spriteMaterial = new THREE.SpriteMa
浏览 7提问于2022-11-14得票数 0
我有一个Processing.js草图，必须是透明的。我想出了如何在默认情况下将背景设置为透明，然而，当我在草图上绘制时，我似乎已经永久地标记了画布。
是否可以使用Processing.js清除画布并将其重新设置为透明？
如果不是，context.clearRect(params)是否足够快/是一个合适的解决方案？
浏览 11提问于2016-09-04得票数 1
回答已采纳
1回答
我正在创建包含多个Collada对象的Three.js场景。我希望能够从Three.js中设置每个Collada对象的不透明度(以便对象能够在需要时溶解在场景中或从场景中消失)。
我能够在对象中设置单个材料的不透明度，但这会产生相当奇怪和不受欢迎的效果：
loader.options.convertUpAxis = true;
loader.load(src, function(collada) {
collada.scene.traverse(function (child) {
if( child.material ) {
child.mat
浏览 1提问于2015-08-03得票数 2
回答已采纳
我注意到p5.js在WEBGL模式下使用软alpha渲染png图像时出现了一个问题。我正在渲染10张图片，这些图片应该是“光环”，在photoshop中用模糊的点蒙版制作成白色，导出为PNG24。
在画布模式下，这可以正常工作，图像会像预期的那样重叠。但是，在WEBGL模式下，图像周围会出现黑色光晕
有什么想法吗？
浏览 1提问于2018-12-07得票数 0
我有以下JS函数，我使用它来检测图像何时被拖动到HTML5画布上的某个位置：
function isHit(mouseX, mouseY, obj){
console.log("isHit has been called from within if statement in mousemove function");
console.log("draggingImage variable value = " +draggingImage);
if(draggingImage == true){
console.log("if dragging
浏览 0提问于2013-03-20得票数 0
回答已采纳
2回答
我在隐藏/显示两个元素时遇到了问题。默认情况下，画布是可见的，根据状态，数据触发器将隐藏画布(不透明度为0%)，并显示按钮/图像(不透明度为100%)。
按钮有一个工具提示/光标，它覆盖在画布的顶部。显示时，工具提示/光标停止工作。当它没有被覆盖在画布上的任何地方时，属性就起作用了。
我认为画布是优先的，即使它是隐藏/禁用/不透明度=0%。
我可以在数据触发器中执行什么操作来保留按钮工具提示吗？
浏览 1提问于2012-11-10得票数 0
我试图改变活动画布对象的不透明度从滑块，我不明白为什么这段代码不能工作。我使用的是fabric.js。
滑块的html：
<input class="opacity-slider" type="range" max="100" min="0" step="1" value="100">
js：
var obj = canvas.getActiveObject();
$(document).on("change", ".opacity-slider", fu
浏览 22提问于2016-09-28得票数 1
我一直在用oCanvas.js设计一个应用程序。这是一个非常好的画布库，它使得创建一个可以创建和操作图像的应用程序变得更加容易，但当我试图实现图像过滤器时，我遇到了一个障碍：
我需要透明的背景，这样我才能有多个层，每个层都由它自己的显示对象表示，在隐藏的"staging“画布上分别渲染(一次渲染一个)。渲染后，会立即在可见画布上的前几个层上绘制一个层，以便在渲染期间可以将不同的图像过滤器单独应用于每个层。
我遇到的问题是，当尝试从oCanvas对象的canvasElement中提取图像时，生成的图像永远不会有透明的背景。例如:假设我有一个经过oCanvas.create()处理的50x
浏览 0提问于2012-10-11得票数 1
回答已采纳
当PDF.js将PDF处理为HTML5时，它会在包含文本的所有<div>元素上放置一个<canvas>。此画布是PDF的适当渲染，而下面的文本相当粗糙(但足以满足某些目的，例如搜索单词)。
使用，我可以通过以下方式使底层文本可见：
删除<canvas>元素。
禁用对基础文本起作用的color: transparent类上的.textLayer属性。
..。但是，文本的透明度仍然很低，我找不到控制这种效果的CSS (参见下面)：
在画布之前
在应用了上述两个步骤之后
是否有一种使用JavaScript手动将文本恢复到完全不透
浏览 5提问于2017-04-10得票数 2
回答已采纳
我正在创建一个项目，其中用户可以选择与鼠标拖动事件从图像ROI和选择的ROI应该是可移动的和可调整大小。这类似于windows paint在paint中打开图像时所做的操作。如何使复合(如swt按钮，文本)透明的图像(这是在画布内)。 我已经创建了一个画布，并在其中添加了图像。我可以在画布上添加侦听器(SWT.paint)的帮助下，从鼠标中选择感兴趣区域。在这里，我采用边界值并创建一个组合来移动ROI。我能够在图像上创建复合，我也能够移动这个ROI。但我无法让这个创建的ROI变得透明。 我期待windows画图的工作方式，同样的方式我的项目应该给我选择图像上的矩形和移动它的便利。
浏览 13提问于2019-10-15得票数 0
摘要:假设我在浏览器中绘制了一个带有画布元素的白色笑脸。当我通过Safari中的js/ajax (使用toDataUrl(' image /png') )从这个画布生成要发布到PHP服务器的图像字符串时，使用PHP函数imagecreatefromstring()和imagepng()在服务器上创建的图像是正确的高度和宽度，但它是白色的，而不是浏览器中画布上的笑脸。
我从base64_decoding之前的字符串中去掉了"data: image /png;base64“并保存到图像文件中。
这种方法在FF和Chrome中可以完美地工作。
toDataUrl在js中生成的
浏览 5提问于2012-04-24得票数 3
回答已采纳
我有一个问题的HTML5视频和画布的安卓(Chrome的安卓)。我从视频到画布绘制帧(使用CanvasRenderingContext2D.drawImage())。它在桌面浏览器上运行良好，但在Android版的Chrome上就不行。在Chrome for android中，它只有在视频元素可见的情况下才能工作。我的意思是它真的可见:即使元素通过属性可见，但由于页面滚动而不可见-它也不起作用。
仅当移动设备视口显示至少1像素的视频元素时，此示例才起作用。如果视频元素完全隐藏-画布没有更新。
因此，我正在寻找解决方法。视频元素不可见时如何更新画布？
浏览 2提问于2014-02-18得票数 2
我正在使用HTML画布制作类似于可视化工具的东西。在绘制每一帧时，我想获取当前的画布数据并将其淡出。
我发现实现这一效果的几种方法是：
在整个画布上画一个半透明的背景颜色盒子。实际上不会淡出内容，所以画布后面的任何内容都会被覆盖。这是足够快的，而且它可以做到的事实证明浏览器能够进行所有必要的计算。
使用canvas.getImageData()操作图像数据，然后使用canvas.putImageData()重新应用它。这样做效率极低，将大量的本机逻辑放入js中。太慢了不适合任何实际用途。
使用canvas.toDataUrl()生成图像(png/jpg)，并使用ctx.global
浏览 0提问于2018-09-27得票数 2
回答已采纳
2回答
使用拉斐尔在html5中绘制SVG，有可能设置整个画布的阿尔法不透明度吗？
谢谢
浏览 3提问于2013-02-17得票数 0
回答已采纳
我用paper.js设置了一个简单的画布，当用户单击并拖动鼠标时，它会创建一个路径。然后我想沿着这条路径拉伸一个SVG，以创建一个画笔效果。(就像Adobe Illustrators画笔上的"“属性一样)有人知道我是怎么做到这一点的吗？我想在画布中重新创建的adobe illustrator中的画笔效果示例：
我已经将画笔导入为svg，但是path.importSVG(画笔)什么也不做。我刚接触paper.js，不知道从哪里开始。
。
// Brush
var brush = '<svg[...]</svg>'
// Symbol
var s
浏览 3提问于2018-09-12得票数 0
嗯，我是three.js的新手，我不明白为什么会发生这种情况，也不明白这是否正常。以下是我的渲染器设置：
if ( !webglSupported() ) {
throw new Error("WebGL not supported!");
}
var defaults = {
init :{
antialias: (isDesktop)(),
alpha: true,
maxLights: 4
},
clearColor: 0x000000,
clearColorIntensity
浏览 3提问于2014-12-24得票数 2
回答已采纳
我想改变图像的不透明度，使其透明，并将该图像加载到画布中的另一个图像上，因为我不想使用任何其他工具来更改第一个图像的不透明度。更改画布中加载的图像的不透明度
var imgObject=new Image();
imgObject.src="myImage.jpg";
// getting context of canvas
var ctx=document.getElementById("myCanvas").getContext("2d");
// global transparency applied on canvas context..
浏览 3提问于2016-03-08得票数 0
回答已采纳
我在Grid中有一个画布，而Grid有一个0.5的不透明度，但是Grid中的画布有一个1的不透明度，它不工作，两个模块都有0.5的不透明度。画布中有一个矩形，它的不透明度也应该是1。
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
浏览 1提问于2022-11-26得票数 0
1回答
为什么我无法对WPF浏览器控件的不透明度进行动画处理？我还试图改变上层物体的不透明度，这是画布，但没有成功。
有什么方法可以做到这一点吗？谢谢!
var doubleAnimation = new DoubleAnimation(0, 1, new Duration(TimeSpan.FromSeconds(0.45)));
RootGrid.BeginAnimation(UIElement.OpacityProperty, doubleAnimation);
MainBrowser.BeginAnimation(UIElement.OpacityProperty, doubleAnimati
浏览 0提问于2011-12-08得票数 0
回答已采纳
4回答
，我正在的网页上工作，这将允许网站管理员将样式添加到twitter提要中。这些样式中有几种在显示时使用透明性。我想为他们创建一个图片列表供他们选择。目前，我在检查背景上拍摄截图，如下所示：
但这不是我真正想要的。
他们是否采取了某种方法来捕获HTML元素的图像，并保持透明度？
编辑:我只是深入研究这个问题，所以我遇到了一些新的主题，比如HTML5画布和-moz-元素。是否可以使用-moz-元素将画布背景设置为html元素，然后从画布中提取图像数据？我要试试这个，除非有人“去过那里”让我不高兴。
编辑:moz元素和画布是一个死胡同。-moz-元素将项目设置为背景，但不允许您保存背景图像
浏览 0提问于2011-05-18得票数 5
回答已采纳
我开发了一个web应用程序，用户可以在其中移动对象.这意味着在mouseMove事件期间，我必须重新绘制画布。为了有效地完成这一任务，我只在发生更改的位置调用clearRect()，例如在要移动的对象所在的旧对象位置，以及在新对象位置。这个很好用。
但我所经历的是，在这两个清除的矩形之外，事情在mouseMove期间发生了变化(轻微)(在清除矩形之外，不应该更改任何东西)。我深入研究它，它导致了一些我认为很奇怪的东西，但它发生在多个浏览器中，所以它似乎不是浏览器的错误。
要划一条线，您可以这样做：
ctx.strokeStyle = 'rgba(74,12,95,1)';
ct
浏览 0提问于2021-08-04得票数 0
这里我有一个圆弧，它使用的两个渐变中的一个应用了一些透明度：
ctx.arc(mouseX,mouseY,radius,0, 2*Math.PI,false);
var grd=ctx.createRadialGradient(mouseX,mouseY,0,mouseX,mouseY,brushSize);
grd.addColorStop(1,"transparent");
grd.addColorStop(0.1,"#1f0000");
ctx.fillStyle=grd;
ctx.fill();
现在有没有办法给整个圆弧一些透明度，只影响圆弧，而不影响
浏览 2提问于2011-01-16得票数 4
回答已采纳
1回答
我正在处理一个旋转木马，其中中心图像需要是全彩色的，而旋转木马中的所有其他图像都是去饱和的。
我想要实现这一点的方法是在<li>中将该图像的<img>和不饱和的<canvas>绝对地放置在彼此的顶部。然后，当幻灯片处于活动状态时，画布会淡出，露出它后面的彩色幻灯片。当从该li中删除活动类时，画布将淡入。
我已经让jquery滑块工作了，在li中添加和删除了类，并且两个图像的位置都很好，但是画布并没有褪色。我尝试了各种方法，但我的jquery知识不是很好，也没有产生任何结果。有什么建议吗？
我的标记基本上是这样的：
<ul>
<li&
浏览 3提问于2011-10-08得票数 0
回答已采纳
2回答
我试图用画布画线，我用for循环来改变坐标。
以下是我的画布元素：
<canvas id="c" width="300px" height="300px"></canvas>
这是js代码：
var c = document.getElementById('c');
ci = c.getContext('2d');
for(var a = 18; a < 300; a +=18){
fnc(a, ci);
}
function fn
浏览 5提问于2014-05-26得票数 7
回答已采纳
我从TVirtualDrawTree派生了一个自定义控件，并且重写了DoPaintBackground事件来为树视图绘制背景渐变效果。
我还覆盖了DoBeforeItemPaint函数，这样我就可以自定义绘制树视图项。然而，我不能很好地让项目画成透明的背景。
查看TVirtualDrawTree的源代码，它看起来像是将项目复制到TBitmap图像，然后再复制到画布上，然而，我尝试了编辑源和设置位图本身的透明度选项，但似乎仍然不起作用。
我也试过在画之前清理画布，例如Canvas.Brush.Style := bsClear和填充项目rect，但没有joy。
浏览 4提问于2011-04-06得票数 2
回答已采纳
我想要创造形象化，在那里，画的东西慢慢消失。这应该是连续的，这样以后添加的内容就不会像旧内容那样褪色，如下所示：
我不想清理整个画布，我只想让它上的一切更加透明-然后画任何新的物体。
我的本能反应是在每一帧中都这样做：
ctx.fillStyle = "rgba(0,0,0,0)";
ctx.fillRect(0, 0, canvas.width, canvas.height);
然而，问题是画布不混合alpha -它使用它来混合其他颜色。
如何才能使画布不断地减少画布中所画的所有东西的不透明度？
浏览 1提问于2018-10-18得票数 3
回答已采纳
1回答
创建一些关于增强现实的WPF应用程序，有一个麻烦。我有几个Z层的用户控件，第一个是实况视频(用户控件的简单图像)，第二个是画布。我已经在画布上绘制了骨骼关节和骨骼的贴图。但是我需要用关节的偏移量来绘制骨骼。由于任务的技术要求，我需要创建它没有代码隐藏。最简单的解决方案是在画布上绘制映射到关节位置的透明椭圆，这将覆盖用于骨骼表示的线。由于视频的缘故，透明度是不必要的。
因此，主要的问题是如何在WPF画布上设计透明对象，通过XAML将对象的Z索引覆盖到画布上。
浏览 1提问于2020-06-30得票数 0
如何在页面(使用画布)上显示Html/pdf，并通过拖放图像和文本并将画布保存为html来添加图像和文本？我已经尝试过jQuery UI，用于拖放图像和文本，但是它没有达到目标。我能否将html加载到画布中并在画布上执行拖放操作？
浏览 2提问于2013-10-26得票数 0
回答已采纳
1回答
我画了几个透明的圆圈。圆的数量和它们的位置是不固定的。目前，我在Paint对象中设置透明颜色，并使用Canvas对象在for循环中绘制圆。但这会造成重叠。
我想到了一个方法：-在主画布以外的其他东西上将所有的圆渲染为不透明的。-设置透明度。-在画布上绘制最终对象。
我如何在android上实现它？
浏览 2提问于2012-06-08得票数 0
我正在用Java SWT开发一个用于3D粒子物理模拟器的GUI。当前的GUI相当笨拙和缺乏吸引力，因为它由多个窗口组成。我想将GUI合并到一个具有画布的窗口中，但是为了保留功能，我还必须在此画布上添加组合。出于美观的原因，我希望复合材料是半透明的。我已经做了相当多的研究，但到目前为止还没有起到任何作用。使用复合API可行吗?如果可行，我该如何实现它？
浏览 1提问于2011-05-27得票数 4
回答已采纳
1回答
我试图使用fabricJS在画布上添加剪贴画区域(rect对象)。目前，我将叠加图像设置为画布，除此之外，我还添加了剪贴画区域来放置对象。我成功地将物体放置在剪贴画中，但问题是我把它放在剪贴画里的任何图像都有不透明度(意味着物体也有透明度)，我知道是因为我把透明的图像设置为覆盖，它总是在其他物体的上方。
我的疑问是
我可以单独设置剪纸区来忽略覆盖吗？或者至少设置偏好，比如剪贴画是第一优先和下一个覆盖？
目前剪报没有边界，我不知道剪报在哪里？那么，有没有办法在剪贴士地区划定边界呢？
以下是我的代码
HTML
<canvas id="ex8" width=&#
浏览 4提问于2020-09-01得票数 2
我有一个SVG画布上的元素，可以根据调色板着色。我正在尝试添加一个无填充选项，如果单击了特定的颜色，然后删除该属性，如果选择了任何其他颜色。
js代码：
if(!$selectedElems){return;}
$selectedElems.each(function(){
$(this)[($(this).prop('tagName') === 'g' ? 'find' : '
浏览 1提问于2012-05-10得票数 1
1回答
我正在使用codeigniter的图像操作库来合并两个图像。
简而言之，用户上传一个图像，我调整它的大小，然后将它合并为一个黑色图像(我称之为黑色画布)。
一旦我得到这张图片(来自用户的图片和黑色画布)，我将其合并为一种宝丽来图像，结果如下所示：
如你所见，我将图像放在正确的位置，黑色画布和宝丽来底座。但同时，我在结果图像上也看到了一些白点。
你知道这是什么原因吗？我认为这是一个PHP/GD2或类似的问题。我实际上并没有使用任何其他代码来实现这一点，它是codeigniter提供的基本“图像操作库”。
浏览 0提问于2012-01-28得票数 0
回答已采纳
有没有一种方法可以设置DrawingVisual对象的可见性，而不是从画布中删除它(用于不可见性)，然后使用存储在某个地方的信息重新绘制它，使其再次可见？
我想在DrawingVisual的DrawingContext关闭之后再做。
浏览 0提问于2011-09-20得票数 1
回答已采纳
我阅读了关于image()函数的官方文档，但它没有关于该函数这方面的信息。我的计划的基本结构如下：
function setup() {
createCanvas(400, 400);
sec = createGraphics(400, 400);
}
function draw() {
sec.background(255)
background(0)
image(sec, 0, 0)
}
我不知道应该在哪里放置主画布和辅助画布的背景函数以及image(sec，0，0)函数。
我试图实现的是让辅助画布在主画布之上是透明的。这两个画布都应该是可见的。
浏览 0提问于2020-09-01得票数 0
1回答
我在画布上绘制路径并创建透明位图，同时从透明位图保存和创建裁剪位图。
请参见图像：
在这个图像中，我在画布上绘制路径，创建透明的位图，并根据startX、lowestY和highestX、highestY
Bitmap cropBitmap =Bitmap.createBitmap(sourceBitmap,startX,lowestY,highestX,highestY);
当我裁剪位图时，我只想“测试”绘制裁剪bitmap.But，它给出的是空位图。像这样
在红色框内，我想从透明位图裁剪位图，无论我在画布上绘制。
浏览 0提问于2014-06-25得票数 0
3回答
我目前正在开发一个基于JavaScript(pure js)的游戏。游戏包含5张大雪碧(如2861×768和4096×4864)。当游戏开始时，所有5个雪碧单张都被预装到画布元素中。这5个精灵中的3个代表一个动画，其中每个精灵包含75帧。当一个精灵以它的动画结束时，我隐藏它并显示下一个精灵。当第二个精灵完成动画，我隐藏它并显示第三个/最后一个。
当第二个或第三个精灵即将显示时，会发生0.5s-1的小延迟。图像正在解码。
这不是第一次发生的事情，而是总是发生的事情。这个动画每5分钟重复一次，每次都会出现小延迟。
我之所以使用画布元素进行预加载，是因为我认为WebKit会在一段时间内丢弃解码后的图
浏览 2提问于2016-02-19得票数 19
回答已采纳
2回答
HTML5帆布颜色
、、、、
我在HTML5画布上有两个街区。
蓝色块(固定在帆布上)
可以用鼠标拖动的黄色块。
当有人将黄色块移动到蓝色块上时，我希望将重叠区域或交叉区域的颜色更改为绿色。(请参阅附图有清晰的概念)
既然蓝色+黄色=绿色，是否有办法通过改变块的不透明度级别来实现这一点，或者我必须搜索两个块的重叠区域并在该区域显示绿色块，或者还有其他方法？
我想知道实现这一目标的最佳途径是什么？
浏览 4提问于2012-06-16得票数 4
回答已采纳
我正在开发我的一个android应用程序，但有一个小问题限制了它的功能。我正在使用android画布在屏幕上绘制动画(用于实时墙纸)，但每当我尝试使用像#01ffffff (最后两位是alpha级别)这样的颜色使用Canvas.drawColor()进行绘制时，画布变得更暗！这怎么可能呢？我在画布上画了白色，虽然是非常透明的白色，但仍然是白色。天怎么会越来越黑呢？
每一帧都在绘制颜色。它用于提供淡入淡出到白色动画，但它不会淡入淡出到白色。
我的代码：
public class MyWallpaperService extends WallpaperService {
...
浏览 4提问于2013-07-23得票数 0
3回答
我在画布里画了一些曲线。曲线完成后，我需要撤消绘制的某些部分(我只需要曲线的前75%，因此需要删除曲线的最后25% )。
下面是我的曲线所经过的点的对数。在第7点之后，我将画布上下文的"globalCompositeOperation“属性更改为"destination-out”，并开始反向绘制。从下面可以看到，向前和向后方向上的点是完全相同的。但我的问题是，当向后删除时，行没有被正确删除。我能看到轻微的线条痕迹。已在Chrome、Firefox和Opera中验证问题。
point X: (484,324) with Count: 0 angle :0.785398163397
浏览 2提问于2011-02-08得票数 1
回答已采纳
我使用的是统一，我有一个屏幕空间覆盖画布，它有旋转的图像对象。问题是，在浅层旋转时，图像具有明显的锯齿状边缘。我找不到任何内置的反混叠解决方案来解决这个问题。
我知道设置中的MSAA不适用于重叠画布，也不适用于Post效果包中的反混叠。
我不能改变到屏幕空间相机画布，我知道这将应用MSAA，但它打破了我的游戏在太多的其他方式是可行的(我的游戏快完成了，我离开了添加AA到最后，这可能是一个错误)。
有没有办法让AA在覆盖帆布上工作？
浏览 4提问于2020-07-03得票数 4
回答已采纳
3回答
我目前正在使用phonegap开发一个android应用程序。我有一个html5画布，我可以在上面绘制和动画对象。它在android 2.3上运行得很好，但是在android 4+上它不会重新绘制画布。我尝试为我的动画使用kinetic.js和easel.js/tween.js，但这两个库都出现了不清除画布的问题。我经历过一些在画布上显示和隐藏div的成功，但它并不总是有效。我只能假设这是一个android 4+特有的bug，或者是某种增强html5画布性能的功能。
谁知道在android4或javascript中有没有一些我可以修改的设置或者我可以调用的方法，可以让我在动画过程中强制重绘我的
浏览 1提问于2012-10-10得票数 6
是否可以在three.js中创建可接收阴影的透明/不可见平面？我的目标是在没有背景的3d画布上绘制一些对象(这样我就可以看到画布元素后面的网页)。我想让物体在背景上投下阴影，我想，如果我能做出一个不可见的平面，那么网页背景仍然可见。阴影投射在平面上，看起来就像阴影在网页上一样。现在我可以制作一个不透明度为0.5 (或类似)的白色平面，但这样平面就可见了。理想情况下，平面应该是完全不可见的(阴影除外)。
编辑:我创建了一个示例(基于)：
这里我有0.5的不透明度，但是你可以看到平面。如果我将不透明度设置为0，则整个平面和阴影将消失。
浏览 1提问于2012-10-14得票数 3
回答已采纳
1回答
我学习Html5 Canvas已经有几周了，但是上面的问题困扰了我很长一段时间。
不规则的形状，可以是圆，矩形，椭圆，多边形，或由一些直线和bezier曲线组成的路径。
我为一些形状找到了一些算法，比如圆形、矩形和多边形，但是，如果我在canvas中使用它们，对于许多许多形状来说，它将是如此复杂。
我还查看了一些画布库，如Kinetic.js、paper.js、fabric.js等，它们都做得很好，但它们的代码太多了，从这里到那里混合在一起，所以我不能理解要点……
但是我发现，它们并不都使用“isPointInPath”方法来完成这项工作。为什么？如果使用这个，我也可以做这个工作！
kinet
浏览 0提问于2013-06-24得票数 0
我有一个带有背景图像的Fabric.js画布，它有一些透明的部分。我想要透明的部分，以显示的颜色，div背后的画布(例如，红色)。因此，这是可行的：
canvas.setBackgroundColor(null);
canvas.setBackgroundImage(image, canvas.renderAll.bind(canvas), {
opacity: 1.0
});
现在假设我想将图像的不透明度更改为0.3。在这种情况下，图像的不透明部分显示下面的红色。但我希望透明部分呈现红色，非透明部分在白色背景下褪色。这个是可能的吗？
浏览 1提问于2016-06-10得票数 1
回答已采纳
根据的说法，stroke(gray, alpha)允许设置笔划的颜色和不透明度。使用默认颜色模式时，alpha值为255表示完全不透明，而值为0应对应于完全透明。虽然这适用于(默认) JAVA2D渲染器，但我似乎不能在P2D模式下绘制完全透明的点。
此代码清楚地在画布中心呈现像素，即使alpha值设置为0(完全透明)也是如此：
public class Transparency extends PApplet {
@Override
public void setup() {
size(200, 200, P2D);
}
@Override
浏览 1提问于2010-02-25得票数 1
1回答
在网上搜索了一个多小时后，我还没有找到任何运气。
我想知道这是否可能，如果可能的话，我如何在js画布上创建一个透明的图像，而不是一个矩形，而仅仅是它的可见区域。
例如，如果单击png上的透明点，脚本就不会考虑对象的这一部分。
谢谢您:)
浏览 4提问于2014-06-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
