问题标签 [jcanvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
99 浏览

javascript - jCanvas中的输出表单输入值

将文本输入的值输出到 jCanvas 的有效代码是什么?例如:

姓名 [ John Doe ]

然后将 John Doe 输出到 jCanvas 上。

我想我知道什么会起作用,但我不确定如何将它变成有效的 jQuery 代码。伪代码如下:

0 投票
1 回答
279 浏览

canvas - JCanvas:具有超大可拖动图像的全屏画布

使用 JCanvas,我想做两件事:

  1. 根据屏幕的宽度和高度动态定义画布的大小。

  2. 将比屏幕大的图像绘制到画布上并使其可拖动,并在图像边缘停止拖动。

我有以下代码:

不幸的是,浏览器在左上角只显示图像中心的一小部分(宽:300 像素;高:150 像素)。据我所知,这里不涉及 CSS。

我可以在 300 px x 150 px 的小视口中拖动图像。但是,我希望图像的可见部分遍布整个屏幕并拖动以停止屏幕边缘:永远不会看到任何空白。

我究竟做错了什么?

0 投票
1 回答
144 浏览

javascript - JCanvas:如何获得图像的大小?

我画了一个这样的图像:

图像显示它应该。它比屏幕大,我想绘制一个小得多的矩形(0.05 倍),其边与原始图像成比例。如何检索上述图像的宽度和高度?

我试过了:

alert($("canvas").getLayer("image").width);回报null。我也试过:

alert($("canvas").getCanvasImage.width);回报undefined

0 投票
0 回答
36 浏览

jquery - jQuery:删除自定义事件处理程序时如何保留事件处理程序

我使用画布创建了一个简单的绘图脚本:http: //ulrichbangert.de/div/webentwicklung/javascript/jcanvas-drawing-pad.html 我需要事件处理程序,我像这样附加它们(非常简单):

问题是我正在使用附加事件处理程序的库 jCanvas。经过

我删除了所有处理程序,包括那些由 jCanvas 附加的处理程序,因此某些功能不起作用。如何删除我附加的处理程序并保持库的处理程序完好无损?

0 投票
1 回答
64 浏览

javascript - 在 jcanvas 中第二次在动画层上出现问题

我正在调用一个包含所有绘图方法的函数,然后我正在调用另一个具有所有动画方法的函数,问题是,

当我第一次调用第二个函数时,它运行良好,但第二个动画时间不起作用

0 投票
0 回答
45 浏览

html - 当我添加动画时,画布层会波动

我正在尝试通过画布中的视频制作动画,当我添加任何动画时,视频会波动。如果我删除 hello 功能,那么它会在视频播放功能上启动动画。请查看我的代码并告诉我如何调试它。我只想要视频上的流畅动画

0 投票
1 回答
174 浏览

javascript - 使用 jCanvas.js 构建 AI2Canvas 输出

我正在为 Illustrator 使用 Mike Swanson 的 AI > Canvas 插件(在此处找到),它非常适合将 Illustrator 创建导出到 HTML5 Canvas 元素,但构建 Canvas 元素的导出 JS 以只读方式构建它。

我试图找出一种将 AI2Canvas 导出的 JS 转换为jCanvas JS的简化方法,以便我能够动态更新画布中的元素(例如更新文本、更改颜色等)。

以下 2 个比较是针对基本矩形的:

AI2Canvas 导出到类似的东西:

jCanvas 将类似于:

在这种情况下,一个基本的矩形,转换自己并不困难。更棘手的是当 AI2Canvas 导出到包含 BezierCurves 的东西时,手动转换到 jCanvas 属性并不容易。

除了 AI2Canvas 和 jCanvas 之外,我也对某些东西持开放态度——我只需要找出从 Illustrator 中设计的东西到<canvas>元素的最佳方法,然后我可以稍后使用 JS 访问特定元素。

0 投票
1 回答
310 浏览

wordpress - Woocommerce 产品添加到购物车自定义数据 img

大家好,我有一个关于 woocommerce 和自定义元数据的问题。

在我的简单产品页面中,我有一个用 jcanvas 制作的 2D 画布。一切正常,我可以根据产品数据调整高度和宽度并进行修改。

然后在添加到购物车之前,我从画布中导出一个图像 base64 并将其添加到购物车项目,因为它是技术数据。当我进入购物车页面时。我有一个错误 414。请求 uri 太长。所以我尝试生成适用于单个产品页面但不适用于购物车项目的 blob 图像。

也尝试使用 base64 图像来做到这一点。它有效,但在我的购物车项目 img src data: 被自动删除,不知道为什么......

奇怪的是,它在我的 img src 中删除了 blob: part ...

所以我的问题是如何将我的 png 画布图像发送到购物车项目并附加到它以显示在缩略图中?

谢谢

皮埃尔

0 投票
2 回答
348 浏览

javascript - 尝试通过 npm 加载 jQuery 插件

我正在尝试在 vuejs 中加载一个 jquery 插件,但似乎没有任何作用。

我有

上面的部分似乎工作正常(我认为),但是当我尝试使用插件时

它抛出drawArc Is not a function error似乎插件没有正确加载或无法访问。

0 投票
1 回答
183 浏览

java - 在 JFrame 中闪烁

我正在开发一个小游戏,如果出现错误,这将是为了我的朋友的乐趣。屏幕将闪烁图像。我知道这是从每帧渲染图像的画布中得出的。但我不知道如何阻止它渲染每一帧。我在寻求帮助。这是我的主类、JFrameBuilder 和 JCanvas 类中的一些代码,用于显示我在做什么。

https://pastebin.com/renyzgXx

https://pastebin.com/ERisWs6V

https://pastebin.com/6EGkHj6r