canvas 相关问题

SurfaceView 中的画布 - 硬件加速

我正在 ICS 上进行开发，并试图理解为什么 当使用 Canvas.isHardwareAccelerated() 时，Canvas.isHardwareAccelerated() 将始终返回 FALSE SurfaceView 内的画布。 我尝试过一个非常基本的例子，如下所示： 呃...

如何在Fabric.js中恢复多选缩放对象的原始大小？

我正在尝试使用 Fabric.js 实现撤消功能。我有这个代码： 让 groupObjects = lastAction.before._objects; if (groupObjects) { 让selectionGroup = new Fabric.ActiveSel...

如何在android中的视频中添加文字？

在我的应用程序中，我录制了一个视频，我想将我公司的网址覆盖在该视频的右下角。我用MediaRecorder录制视频，录制没有问题，但是为了添加...

在html canvas中如何将黑白蒙版转换为黑色透明蒙版？

画布中是否可以将黑/白蒙版转换为黑/透明蒙版？ 我到处搜索，唯一的方法是使用像素操作，这太慢了。 基本上我想要这个转变...

如何使用 CustomPainter 将 ColorFilter 应用到 Stack 中的图层

我想通过在其顶部应用另一个 CustomPainter 来使 CustomPainter 的部分变暗，同时不影响其下方的图层。 基本结构如下： 堆（ 孩子们： [

动画 Javascript 画布线，具有代表互联网流量的随机幅度

如何在屏幕截图中实现这些动画线条？它们应该是无穷无尽的 我尝试这样做，但结果只是一个遵循可预测轨迹的正弦波，但我需要一个 r...

使用 Kendo UI Angular 11 将 Textract JSON 数据绘制到图像

我有一个 JSON 对象，该对象是使用 AWS Textract 从图像中提取的，之后我尝试使用此文本数据绘制相同的图像。 我正在尝试为此使用 Kendo Angular Drawing API 并且...

如何在Android ScrollView中将纯色显示为fadingEdge顶部

我正在尝试在 Android 中创建一个自定义 ScrollView，我想在顶部显示纯色（#232325）作为淡入淡出的边缘。目标是让顶部褪色边缘表现得像纯色 b...

在同一位置但在不同的变换空间中绘制字符

ctx.save(); ctx.setTransform(12, 0, 0, 12, 100, 200); ctx.fillText("A", 0, 0); ctx.restore(); ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); // 如何在同一位置绘制“B”...

将 new Image() 绘制到画布上并使用 canvas.toDataURL()

我正在做一个业余项目，试图获得一个对元素进行屏幕截图的按钮。我按照渲染 HTML 元素中的代码将元素渲染到画布中，然后 c...

FabricJS 触摸平移/缩放整个画布

我需要在 FabricJS 画布上启用触摸缩放/平移。有一些库允许在图像上执行此行为（请参阅捏缩放画布）或通过鼠标单击事件（请参阅此小提琴），但我不能

为什么当我添加值时我的对象不改变位置

函数形状(x,y){ 这个.x...</desc> <question vote="1"> <pre><code>&lt;hmtl&gt; &lt;head&gt; &lt;!--&lt;script src=&#39;main.js&#39;&gt;&lt;/script&gt;--&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id=&#39;myCanvas&#39;&gt; &lt;/canvas&gt; &lt;script&gt; function shape(x,y){ this.x=x; this.y=y; var canvas = document.getElementById(&#34;myCanvas&#34;); var ctx = canvas.getContext(&#34;2d&#34;); ctx.fillStyle = &#34;#FF0000&#34;; ctx.fillRect( this.x, this.y, 50, 50); } } var sqr=new shape(100,100) sqr.x+=100 &lt;/script&gt; &lt;/body&gt; &lt;/hmtl&gt; </code></pre> <p>为什么我向 x 添加 100 并希望它的位置为 (200,100) 但当我打开实时服务器时它的位置仍然保持 (100,100)</p> </question> <answer tick="true" vote="1"> <p>因为它只会改变 x 的值，所以你必须在画布上再次绘制它，并且在再次绘制之前我们必须使用clearRect 清除画布</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;html&gt; &lt;head&gt; &lt;!--&lt;script src=&#39;main.js&#39;&gt;&lt;/script&gt;--&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id=&#39;myCanvas&#39;&gt; &lt;/canvas&gt; &lt;script&gt; function shape(x,y){ this.x=x; this.y=y; var canvas = document.getElementById(&#34;myCanvas&#34;); var ctx = canvas.getContext(&#34;2d&#34;); this.draw = ()=&gt;{ ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = &#34;#FF0000&#34;; ctx.fillRect( this.x, this.y, 50, 50); ctx.stroke(); } } var sqr=new shape(100,100) sqr.draw(); sqr.x+=-100 sqr.draw(); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

获取任何变换后的空间坐标的单位矩阵等效坐标

ctx.setTransform(12,0,0,12,34,23) ctx.fillText("a",0,0) 是否有可能在单位矩阵变换空间中获得“a”的等效坐标。 我想确定 char &q...

如何检查<canvas>正在使用哪种上下文类型？ （2D、WebGL）

当您在网页上看到 元素时，有什么超级快速的方法来查找它是使用 2d 还是 WebGL 上下文创建的？

如何检查 Canva 上下文类型？ （2D、WebGL）

当您在网页上看到 Canvas 元素时，有什么超级快速的方法来查找它是使用 2d 还是 WebGL 上下文创建的？

drawArc() `在 jetpack compose 的 DrawScope 中工作？

其实我正在读这篇文章。我对 startAngle 的工作和 drawArc() 中的弧线方向感到非常困惑，有人能解释一下吗？ 我读过很多我浪费了的答案......

在 Firefox 的 Canvas 中绘制线条时的抗锯齿

我正在尝试用画布绘制图表，并希望获得清晰的线条，而不是抗锯齿。我知道你需要使用 0.5 偏移量来使线条精确地落在屏幕像素上，但即使如此，我...

如何更改已在 Python3 Kivy 中绘制的矩形的颜色？

我正在尝试了解如何使用 Kivy - 特别是画布。我或多或少了解了如何移动和调整我已经绘制的矩形的大小，但我无法让矩形改变...

在 html 画布中获取光栅化文本

我有一个主画布，在上面画了另一个画布，上面写着文字。当我看到结果时，文本似乎被光栅化并且不平滑。 这是我尝试过的代码：- 常量

将图像从 webgl 复制到 2D 画布会丢失 Safari 中的显示 P3 颜色配置文件

我在使用 Safari 时遇到了一个奇怪的问题，即将图像从 webgl 移动到 2d 不尊重显示 P3 颜色配置文件。它在 Chrome 中运行良好。 任何帮助将不胜感激。 这是...