在没有画布/显示器的情况下拍摄不可见的WebRTC/视频照片
我从MDN阅读了Taking still photos，介绍了如何从网络摄像头捕获照片(使用视频元素和mediaDevices.getUserMedia)，以便使用画布将它们显示给用户。 但是，我不需要(也不想)向用户显示拍摄的图像，因此我也不想使用画布，因为我要说的是，首先绘制画布仅仅是为了获取图像数据(如ImageData或DataURI)可能会影响性能。 有没有办法不用画布就能获
..
html5-canvas相关内容
将ImageData对象(不是画布)转换为图像dataURL
我想从ImageData对象(即宽度、高度、数据)创建一个dataURL。我意识到画布有这个，但我想避免画布使用有扭曲(主要是阿尔法预乘)..即，我希望避免明显的canvar.putImageData步骤。 从this post我可以将任何arrayBuffer/typedarray/dataview转换为Base64。我不知道知道的是Canvas Dataaurl如何将宽度/高度添加到Ba
..
如何画出幸运之轮？
我正在尝试使用本教程创建一个旋转轮子的游戏： http://www.emanueleferonato.com/2015/07/31/create-a-wheel-of-fortune-for-your-html5-games-with-phaser-in-only-a-few-lines/ 但是，本教程使用了轮子的图像，我希望在HTML5/js中创建它。大概是这样的： https:/
..
Sveltejs全宽画布
我是Svelte的新手，我正在尝试使用Svelte在全屏幕上渲染画布。听起来很容易做，但我不能让它正常工作。我将width和height变量绑定到父级的clientWidth/clientHeight，并使用这些变量设置画布的尺寸。现在的问题是，当调用onMount时，width和height变量被设置，但它们还没有应用于Canvas元素。这意味着当画布第一次渲染时，它仍然具有初始尺寸，而不是父级
..
如何在画布上高效加载和绘制表情包？
我想在html画布上打印表情符号。 它可以使用图像来完成，但它很麻烦。有没有更好的办法？ 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> const canvas = document.querySelector("#canvas"); const contex = canvas.getContext("2d"); var img = new
..
AddEventListeners有什么问题
该向量应该能够被拉出和重新定位。啊！我有小提琴在 jsFiddle 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> var canvas = document.getElementById('cv2'), c = canvas.getContext('2d'); var wide = canvas.width; var high = can
..
不同屏幕分辨率和宽高比下的Load From JSON
我需要能够将loadFromJSON与生成JSON数据时使用的画布分辨率/纵横比一起使用，同时保持图形元素的关系并使画布中的所有内容居中。 我已经尝试了我所见或想出的每一种解决方案。在这一点上，我不知道是我的逻辑不好，是我的算术还是我的编码。 此处包含功能代码(从我失败的尝试中剔除)。只有第一个函数很重要，其余的是UI样板和JSON数据。这里有一个JS小提琴，如果这更容易的话：http
..
移动对象时检索象限名称(原点)-画布，Fabric.js
感谢您花时间阅读，并可能对您有所帮助。所以我开始尝试画布和Fabric.js--什么体验都没有。 我遇到了一个绊脚石，那就是获取原点，或者更确切地说，是移动物体的位置。无论对象移动到何处，OriginX，OriginY似乎始终是相同的值。 对于可视指示器，我创建了一个图像： 我不明白的是，为什么OriginX和OriginY总是位于左侧，而位于顶部？我假设这是Offset？的控件
..
在旋转物体后，是否可以得到垂直矩形的左、上、右位置
旋转对象后，是否可以获得虚拟矩形的左、上、右位置？ 推荐答案 您要查找的是对象的绑定矩形： getBoundingRect(ignoreVpt)对象{→}返回对象的坐标 边框(左、上、宽、高)框的方向为 与画布轴对齐。 返回：具有Left、Top、Width、Height属性的对象Type对象 引用：fabricjs sourcecode 数据-lang=“js”数
..
如何在MapBox地图上的动画画布点上获得点击处理程序？
我正在查看MapBox中的this demo： Add an animated icon to the map
..
requestAnimationFrame回调中的参数到底是什么？
只需运行此命令： function requestAndDraw() { requestAnimationFrame((t) => { console.log(`T: ${t} P.now:${performance.now()}`); }); } intId = setInterval(requestAndDraw, 20); setTimeout(() =
..
将HTML画布放入Google电子表格
我正在尝试将HTML画布放入Google电子表格。我发现了一个简单的涂鸦板，它只使用html、css和javascript。我创建了一个自定义对话框，并将Scrible Pad合并到其中。那很好用。现在我想发送到Google电子表格。到目前为止，我所拥有的是： 在我的HTML中： 在我的中：
..
如何在网格(画布)中的特定位置放置圆
所以我正在试着做一个叫围棋的游戏，我需要在像this这样的边缘放上圆圈。我已经创建了网格，现在需要在其中放置圆圈。我尝试了不同的方法，比如使用画布上的圆弧和鼠标位置，但是它不起作用。我试着做了一个数组来检查线条相交的位置，但是它仍然没有做任何事情。但是我可能做错了。我不确定出了什么问题，所以希望你们能帮助我找到一种方法，在每次我点击鼠标的时候把圆圈放在黑板上。我已经删除了不起作用的东西，这是我现在
..
EaselJS:使用一条线连接 2 个容器/形状
我希望能够单击一个容器/形状，并在我移动鼠标时绘制一条可以连接到另一个容器/形状(一端带有箭头)的线.理想情况下，我希望这条线捕捉到目标元素. 我是 EaselJS 的新手，我不知道该怎么做.这是我在这里遇到的关闭，我无法理解它:使用 EaselJS 在 html5 画布上画一条线 解决方案 这是我整理的一个快速演示 关键步骤是: 在初始项上监听 mousedown 创
..
Angular6 - canvas.drawImage()不工作
我想把图像放在画布上.最初我使用图像作为背景.但是每当我将画布转换为图像时，背景图像都不会被复制.因此，我尝试在画布上绘制图像.我正在从设备图片库中选择图片.将图像 url 存储为字符串并传递给下一个组件.我检查了，能够获得价值.请看下面的代码，让我知道我做错了什么. 1.HTML 2.ts 文件 @ViewChild('canvas') public canvas: Element
..
Android 设备上的 JavaScript/HTML/CSS 应用程序 - 速度极慢
我们正在制作一些 JavaScript 游戏.它们也可以在 iPhone、iPad 和台式机上完美运行.最大的问题是安卓设备.当执行 JavaScript 和呈现内容时，我们拥有的所有带有 Honeycomb OS 3.x(Samsung Tab 10.1、Motorola Xoom、Acer Iconia 等)的平板电脑都非常慢.它在 2.x 手机上更好，但仍然远远落后于 Apple 设备……
..
使用 javascript 分割图像
如何使用javascript获取单个图像的一部分并将其存储在一个数组中，然后在html5画布上随机显示. 解决方案 您可以使用drawImage()方法的裁剪参数，将裁剪后的图像绘制到动态创建的画布上. 一个例子可以是: function getClippedRegion(image, x, y, width, height) {var canvas = document.crea
..
我将 X Y Z 坐标转换为屏幕 X Y 坐标有什么问题?
我正在做一个 HTML5 Canvas 演示，演示在 3D 空间中弹跳的球体.这很简单.每个球都有 X、Y 和 Z 坐标.然后将这些坐标转换为我在此处阅读的屏幕 X 和 Y 坐标.http://answers.google.com/answers/threadview/id/496030.html 我从上面的链接中得到的将 X Y Z 坐标转换为 X 和 Y 的公式是 screenX =
..
HTML5 将 png 缓冲区加载到画布中(用于流式传输)
通过 websocket，我以 PNG 格式检索图像的二进制缓冲区(类似的东西). 我想将此PNG缓冲区加载到画布中，然后读取不同的像素以读取未压缩的数据. 我设法做到了，但这很愚蠢: function onBinaryMessage(/*ArrayBuffer*/input) {输入 = 新 Uint8Array(输入);var str = '';for (var i = 0; i
..
如何上传/发布多个画布元素
我必须为未来的项目(无 flash、IE10+、FF7+ 等)创建一个图像上传器，该上传器在客户端而不是服务器上进行图像大小调整/转换/裁剪. 所以我制作了一个 javascript 界面，用户可以在其中“上传"他们的文件并直接在浏览器中调整大小/裁剪，而无需联系服务器.性能还可以，不是很好，但是可以. 最终结果是一组画布元素.用户可以在调整大小后编辑/裁剪图像，因此我将它们保留为画布
..