html5-canvas 相关问题

Canvas是一个HTML元素,允许2D和3D中的2D形状,3D形状,位图图像和动画的动态,可编写脚本的渲染。

html画布绘制直线

我想使用 MS 绘画风格线条工具使用 JS 在 html canvas 元素上使用 UI 绘制直线。 问题是,当单击后拖动鼠标时,线条预览必须在画布上可见......

回答 1 投票 0

如何使用 .asr 处理 Electron 应用程序和 SteamPipe 应用程序更新

我在Steam上发布了HTML5 Electron游戏。通过 SteamPipe 比较文件并上传已更改的文件,可以轻松更新游戏。因此,更改 .js 文件只需要很少的 KB 更新。 最近我有明星...

回答 1 投票 0

Canvas JS 如何获取多边形的高度和宽度?

我创建了一个小的canvas js脚本并在形状上绘制轮廓,这是脚本 上下文.beginPath(); context.moveTo(坐标[0].x,坐标[0].y); 对于(令索引 = 1;索引 < coordinates.l...

回答 2 投票 0

使用 jspdf 创建的 Pdf 文件太大

我正在使用 jspdf 在浏览器中创建 PDF。我有多个图表,其中 svg 作为图表数据。为了将数据添加到 pdf,我使用 canvas 将 svg 转换为 png,然后使用 can...

回答 7 投票 0

为什么屏幕外画布不遵守背景过滤器样式属性

我有一个项目,在其中我使用网络工作者绘制画布。绘图效果很好。对于该部分的其余设计,我有 4 张卡片,我希望它们在 c 上应用背景滤镜...

回答 1 投票 0

HTML Canvas“onmousedown”事件和“mousedown”监听器未触发

我有一个 HTML 页面,其正文中的画布定义如下: 我有一个 HTML 页面,其正文中的画布定义如下: <!DOCTYPE html> <html> <head> <script defer src="./js/canvas.js"></script> <link rel="stylesheet" href="./css/canvas.css"> </head> <body> <canvas id="pinboard"></canvas> </body> </html> 在canvas.js我写过: var canvas = document.getElementById("pinboard"); canvas.addEventListener("mousedown", function (e) { console.log("DOWN 1 " + e); }); canvas.onmousedown = function (e) { console.log("DOWN 2 " + e); } 这不在 DOMContentLoaded 侦听器中,但我尝试过使用和不使用它,但它不起作用。 当我单击画布时,我希望打印“DOWN 1”,打印“DOWN 2”,或两者都打印,但它们都没有记录。 我搜索了很多帖子,但找不到任何可以解决我的问题的内容。 您可能需要设置画布元素的宽度和高度。 <canvas id="pinboard" width="800" height="600"></canvas>

回答 1 投票 0

从Url加载图像而不在fabric.js中回调

我试图将图像存储在变量中,以便在某些事件后将其添加到画布中。 像这样的代码正在工作 new Fabric.Image.fromURL('http://www.w3schools.com/css/img_fjords.jpg', 函数 (img) ...

回答 2 投票 0

如何在 React 中传递画布的图像序列?

我有一个包含 150 张图像的列表,名为 0001.jpg、0002.jpg ... 0150.jpg。 这就是我到目前为止所做的(仅包含相关代码): 从 'react' 导入 React, { useRef, useEffect, useState }; 有趣...

回答 1 投票 0

即使图像源正确,也无法在“CanvasRenderingContext2D”上执行“drawImage”

我正在尝试使用图像序列创建滚动动画,但不断遇到此错误: “未捕获的 DOMException:无法在“CanvasRenderingContext2D”上执行“drawImage”:

回答 1 投票 0

调整画布大小以适应视口而不损失质量

每当用户调整浏览器窗口大小时,我都试图让画布填充整个视口并调整大小。 然而,当我尝试使用 100% 的尺寸时,它会损失质量。 我是

回答 2 投票 0

类似地未链接的 CSS 更改了 chrome 上 window.innerWidth 和 window.innerHeight 的影响值

在计算机上的常规 chrome 页面上一切正常,但一旦我切换设备工具栏并从 iPhone 12 预览我的网站(任何处于纵向模式的设备都可以),...

回答 1 投票 0

触摸事件在带有fabric.js的画布中不起作用

我正在使用fabric.js将图像上传到画布中,但我想让上传的图像可触摸。意思是,任何用户想要在平板电脑和可触摸设备中使用那么它就可以工作吗? 变种

回答 1 投票 0

KML 纬度/经度转换为 SVG 或画布?

有没有办法将纬度/经度坐标转换为 SVG 路径或画布标签路径?我想在网络地图上以 SVG 形式显示州轮廓。谢谢你。

回答 1 投票 0

带有居中悬停标签的 JavaScript 圆环图

我正在尝试使用 Chart.js 或 raphael 创建此图表。我期待,悬停时标签将与该图像完全相同。我用chart.js创建了它,但无法实现内部样式...

回答 1 投票 0

getImageData() 未返回正确的 RGB 值(显示 P3 图像)

我编写了一个从图像中提取像素颜色的网站。我通过在保存图像的画布上使用 getImageData 来完成此操作。但是,我无法获得此示例的正确值……

回答 1 投票 0

计算 Fabric js 中的色调旋转

我们如何从正常的色调度值(0-360)计算fabricjs中色调旋转过滤器中的旋转参数值(-1到1)? Fabricjs如何计算Hue Rotation滤镜中的旋转值...

回答 2 投票 0

无法在 html 画布元素上获得锐利的线条

我花了很长时间试图在画布元素上获得像素完美的直线。我已经尝试了一些针对其他 stackoverflow 问题和 is...

回答 2 投票 0

如何使用 Canvas 自由扭曲点

我想“扭曲”图像中的特定点,类似于 Photoshop 中的扭曲工具,但以 JavaScript(或 Node.js)特别是 Canvas 中的编程方式进行。 Photosho 中图像变形的示例...

回答 1 投票 0

在 HTML 画布中用压力绘制路径

我有很多格式为[x,y,压力]的点,我想绘制一条支持笔压力的复杂路径。我目前实现这一点的方法是将路径分成许多部分

回答 1 投票 0

html2canvas 中计算的渐变无法正常工作

我正在尝试在 html2canvas 的帮助下截取具有线性渐变覆盖图像的页面的屏幕截图。图像的高度有所不同,但宽度固定为 210px,所以,我需要我们...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.