腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
JavaScript
画布
中
对
多个
对象
使用
:
globalCompositeOperation
javascript
、
canvas
、
2d
我正尝试在
JavaScript
canvas
中
创建一个圆形菜单,如下所示: ? 下面是我
使用
的代码: let canvas = document.querySelector("#canvas");canvas.height = 500;ctx.fillStyle = "#fff"; centerCircle.arc(250,250,100,0,2*Math.PI); /
浏览 42
提问于2021-01-18
得票数 0
回答已采纳
1
回答
如何像Canvas
globalCompositeOperation
那样模拟较轻的效果?
c++
、
html5-canvas
、
sfml
每年年底,我都会制作一个烟花展示
画布
效果(
Javascript
),最后一个是:
globalCompositeOperation
= "lighter";
使用
时,所有的颜色都混合在一起,给人一种光感。今年,我想用SFML/C++做同样的事情。谁能告诉我如
何在
SFML
中
模拟
画布
globalCompositeOpe
浏览 3
提问于2011-12-10
得票数 2
回答已采纳
1
回答
globalCompositeOperation
和同心、空心、移动的形状
javascript
、
html
、
canvas
、
globalcompositeoperation
我正在努力实现以下目标:在图像
中
描述了一个有两个环的场景。 这是在
多个
框架上绘制单个环的结果。我不应该得到任何不同的东西,就像一个中间有一个空心正方形的黑色圆圈。(请注意,每个帧的半径都在增加。)我确实意识到切换
globalCompositeOperation
可能不足以达
浏览 6
提问于2014-04-09
得票数 0
回答已采纳
5
回答
HTML5
画布
橡皮擦
html
、
canvas
有一种实现橡皮擦的方法(除了
使用
白铅笔?)。 我
使用
分层,我在
画布
下面有一个图像,所以,如果橡皮擦涂成白色,用户会注意到,因为下面的图像不是纯白的。
浏览 3
提问于2010-09-25
得票数 13
1
回答
如何
使用
fabric js通过仅覆盖矩形的孔?
fabricjs
、
crop
、
globalcompositeoperation
我们可以
使用
fabric js和背景图像和fabric.Rect
对象
来创建此功能。我的问题是,当我
使用
带有destination-out属性的
GlobalCompositeOperation
来fabric.Rect
对象
时。它会在帆布上打洞。简而言之:canvas的当前结果: 我已经制作了一个用于演示
浏览 28
提问于2019-11-05
得票数 1
回答已采纳
1
回答
防止视频循环导致浏览器内存不足
javascript
、
html
、
canvas
、
video
我
使用
html5创建一个视频循环并将视频绘制到
画布
上,创建
多个
画布
并在每个
画布
上绘制视频的每个部分,但我发现过了一段时间,它将导致google内存耗尽。 这是在
画布
上绘制视频的代码。
浏览 2
提问于2017-07-15
得票数 0
5
回答
裁剪
画布
/导出特定宽度和高度的html5
画布
javascript
、
image
、
html
、
canvas
、
crop
有成百上千的教程,教你如
何在
画布
上通过drawImage()裁剪图像。, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight);问题:我如何告诉
javascript
在toDataURL()
中
只
使用
640*480的
画布
?var com
浏览 2
提问于2012-10-26
得票数 13
回答已采纳
1
回答
如何撤消HTML5
画布
绘图应用程序的橡皮擦操作
html
、
canvas
、
drawing
、
globalcompositeoperation
、
eraser
我创建了一个HTML5绘图应用程序,它具有基本功能,允许用户选择要
使用
的颜色、更改绘图工具的大小(半径)、撤消、重做和完全清除
画布
。最近,我添加了一个橡皮擦工具,
使用
globalCompositionProperty (去噪)擦除
画布
上选定的区域。这部分工作正常,但当我去撤销擦除,整个
画布
被清除,重做功能不工作。当我
使用
常规绘图工具(
使用
源-over)继续绘图时,撤消/重做工作。我已经为应用程序中
使用
的几个函数提供了代码。每次脱离绘图工具时,
浏览 5
提问于2016-01-02
得票数 0
回答已采纳
1
回答
KineticJS从另一个形状
中
减去一个形状
kineticjs
、
shapes
、
intersection
、
subtraction
我有一个动态and阶段,用户可以绘制
对象
-矩形和多边形。我所坚持的是如何从B形
中
减去A形。
浏览 2
提问于2014-02-04
得票数 0
回答已采纳
1
回答
WebGL绘制不同混合模式的二维
对象
canvas
、
webgl
、
glsl
、
blending
、
color-blending
我试图弄清楚如
何在
WebGL中进行混合模式。到目前为止,我
使用
了本机HTML5
画布
绘图函数,例如,您可以这样做: var ctx = new Document.getElementById('canvas').getContext('2d');但是,我很难理解如何影响WebGL
中
的混合模式。据我所知,顶点着色器决定哪些不同的纹理/多边形是可见的,然后
对
这些纹理/多边形的可见部分的每个像素调用片段着色器。此外,在我现在用来用Pixi.js绘制的We
浏览 2
提问于2013-09-01
得票数 2
回答已采纳
1
回答
HTML
画布
上的发光效果,可能
使用
卷积核/矩阵
html
、
image
、
canvas
、
effects
、
glow
我正在将一幅PNG图像绘制到HTML
画布
上,并且我已经实现了一个过滤器系统,它允许在图像数据被传送到
画布
之前
对
其执行卷积过滤器。有谁知道如何
使用
卷积内核/矩阵(我不确定术语是什么,但我正在谈论这些:)或其他方法(
如
使用
globalCompositeOperation
() )创建发光效果?在理想的世界
中
,能够
使用
二级发光纹理指定图像
中
具有发光的区域将是很棒的。
对
这两种情况有什么想法吗?:)
浏览 2
提问于2012-11-13
得票数 6
回答已采纳
1
回答
图层是在JavaFX
画布
上合成图形的唯一方法吗?
java
、
canvas
、
javafx
、
graphics
我正在开发JavaFX
中
的gui,它需要在
画布
上组合大量
对象
--(通常
使用
alpha掩码等)。为了在HTML5
画布
上进行比较,可以通过drawImage函数在DOM结构之外的临时
画布
对象
的帮助下轻松地完成这一任务。例如,要
使用
alpha掩码在
画布
上绘制图像,首先在临时
画布
上绘制图像,然后
使用
globalCompositeOperation
= "destination-i
浏览 2
提问于2018-08-22
得票数 0
回答已采纳
1
回答
画布
中
的擦除功能
javascript
、
html
、
canvas
我需要擦除我
画布
上的内容。我可以通过
使用
'
globalCompositeOperation
= "destination-out"‘来实现。我已经在我的json
对象
中
存储了绘图坐标,但是在擦除之后,我需要更新我的json
对象
。我尝试在鼠标移动时捕捉它的x,y坐标(同时擦除)。然后我将其与之前的store
对象
进行了匹配,并
对
其进行了更新。
浏览 0
提问于2013-03-12
得票数 0
1
回答
无法从
画布
剪切
多个
形状
html
、
canvas
我试图从基于文件的
画布
切割某些模式,我需要
多个
几何形状
使用
。DOCTYPE html><head> <script type="text/
javascript
" src="http://code.jquery.com/jquery-latest.min
浏览 0
提问于2015-08-02
得票数 0
3
回答
HTML5
画布
擦除绘制的
对象
?
javascript
、
jquery
、
html
我在为我绘制的
对象
实现“擦除”功能时遇到了麻烦。我像这样绘制
对象
: context.lineTo(...)//etc这些是在我为
画布
绘制的图像背景之上绘制的(通过context.createPattern,fillStyle =pattern等)。因此,假设上面的函数
使用
各种lineTo调用来绘制一个三角形。现在为了“擦除”或“撤销”这张图,我的一个计划是在上面重新绘制同一
对象
的“xor”版本,以撤销它。我通过c
浏览 0
提问于2012-06-04
得票数 4
回答已采纳
1
回答
如何用
globalCompositeOperation
=“目的输出”擦除
画布
上的笔画?
javascript
、
html
、
canvas
、
html5-canvas
我试图
使用
Canvas2DAPI的属性擦除
画布
中
的笔画,但它不起作用。ctx = c.getContext("2d"); ctx.lineTo(200, 100); 我的目标是在
jav
浏览 0
提问于2018-08-13
得票数 0
回答已采纳
3
回答
将图像裁剪到svg
javascript
、
canvas
、
svg
、
clip
我正在尝试
使用
不同的SVG形状来根据需要显示图像的不同部分。 例如,一个带有<ellipse>元素(或等效<path>)的SVG将允许我显示图像的一个圆形部分。似乎是我所需要的,但是我找不到任何关于如何将它与SVG一起
使用
,或者如何绘制SVG作为路径的信息。我正在考虑的另一个方向是将裁剪区域保存为<path>元素,并手动将其转换为CanvasRenderingContext2D等效方法,
如
lineTo和arc。
浏览 11
提问于2016-05-14
得票数 2
1
回答
在HTML5
画布
中
,一百个上下文
对
一个上下文?
javascript
、
performance
、
html5-canvas
我正在
使用
Canvas创建一个简单的物理引擎。性能方面的最佳实践是什么?它是为
画布
中
的a
对象
创建一个单独的上下文(例如。对于每一个球,盒子等),还是只
使用
一个上下文?后者包括为每个要重新绘制的
对象
在上下文中定义路径,以及设置颜色等。 当
对象
数量接近100个时,
使用
多个
上下文是否是个坏主意?
浏览 5
提问于2013-09-08
得票数 8
回答已采纳
1
回答
如何叠加两个GwtCanvas?
javascript
、
gwt
、
html
、
canvas
、
gxt
我正在尝试叠加两个GwtCanvas (
使用
Html5
画布
)。我可以通过
使用
绝对面板来获得这种效果。但是通过这样做,我不能让我的
对象
填充我的面板。我想这样做,这样我就可以在GWT
中
做一个白板。到目前为止,我相当先进,但我希望有
多个
画布
覆盖支持撤消或预览。例如,如果我们绘制一个矩形,最好在移动鼠标时预览它。我找到了一个
javascript
教程来做这件事:例如: 这里有一个
JavaScript
示例,但我不确定如
何在
GWT
浏览 0
提问于2010-05-06
得票数 1
回答已采纳
3
回答
JavaScript
对象
:'addEventListener不是一个函数‘
javascript
、
html
、
object
、
canvas
、
mapping
我创建了一个名为elements的
JavaScript
对象
数组,并循环遍历它,以便在
画布
上绘制每个元素,并将一些事件处理程序连接到它。
浏览 0
提问于2015-06-20
得票数 10
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
快速提高前端开发效率:10个JavaScript图像处理库
Ajax-使用Ajax传递Json数据
网页源码世界
14-HTML标签
X3D:现代Web的声明式3D技术
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券