html5-canvas 相关问题

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

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

每当用户调整浏览器窗口大小时,我都试图让画布填充整个视口并调整大小。 然而,当我尝试使用 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

在画布上循环绘制时阴影太多

我一直在尝试通过首先创建一个圆角矩形并向其添加阴影来在画布中制作阴影效果,如果我在没有循环的情况下执行此操作一次,一切似乎都工作正常。然而...

回答 1 投票 0

如何围绕桌子平移和旋转椅子

我想在圆桌周围均匀地分配n张椅子。 尝试了几种涉及围绕圆圈动画对象的解决方案,但我无法将它们中的任何一个转换为解决方案......

回答 3 投票 0

如何在画布上构建多段三角形?

我使用画布和脚本创建了一个带有小三角形的三角形,其中包含以下信息: 100厘米的等边三角形。 每个三角形内都有一个5厘米内长的三角形。 里面特里亚...

回答 1 投票 0

HTML Canvas 帧到 mp4

保存 html 画布的内容可以通过调用元素的 toDataURL() 方法来完成,这会将其保存为以 base64 编码的 png 文件。是否有可能以某种方式合并多个...

回答 2 投票 0

Firefox 使用drawImage 将 SVG 图像渲染到 HTML5 画布时出错

我正在尝试使用画布将外部 svg 图标转换为 base64 png。它适用于除 Firefox 之外的所有浏览器,它会抛出错误“NS_ERROR_NOT_AVAILABLE”。 var img = 新图像(); img...

回答 3 投票 0

在 React 中将带有函数的类组件转换并使用为函数式组件?

对于上下文,我正在尝试使用 React 中的 html 画布创建一个项目。我正在尝试用功能组件替换类组件以实现一致性并避免类和功能的混合...

回答 1 投票 0

在 React 中使用 HTML Canvas getContext() 而不使用 useEffect 钩子?

我目前正在尝试学习 html canvas,遵循教程,这些教程仅使用 Vanilla JS 执行以下操作: const canvas = document.getElementById("#myCanvas"); 常量上下文 =

回答 1 投票 0

隐藏/禁用工具提示chart.js

我正在尝试使用chart.js 隐藏折线图中的工具提示。 我已经尝试过这段代码,但它们从不隐藏。 Chart.defaults.global.tooltipenabled = false; 您可以在此处查看该ch的所有代码...

回答 9 投票 0

touchmove 事件有空事件数据

没关系,我意识到“JSON.stringify(evt)”不会打印出事件对象中的数据??? 原问题: 我有 var canvas = document.createElement('canvas'); canvas.addEventListe...

回答 2 投票 0

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