问题标签 [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 回答
44 浏览

javascript - 单击矩形时,我想要 jcanvas 中的警报消息

我是画布元素的初学者,但我对谷歌的研究并不顺利......所以,我有我的画布元素,我在画布上画了很多矩形。

目前,当我单击我的形状时,我可以显示如下警告消息:

'你点击了矩形 54'。

我在 html 元素上找到了大量关于 Javascript 菜单的文章,但没有关于 Canvas 的文章......

有没有办法做到这一点?

0 投票
1 回答
62 浏览

javascript - jCanvas 旋转

正如下面的 jCanvas 脚本......图层按预期旋转,但只有 1 次/单击。其他点击会很好地记录到控制台,但没有旋转图层。

有这样的想法/建议...

下午

0 投票
2 回答
170 浏览

javascript - 为什么 jCanvas 在小尺寸的画布上画出质量差的圆圈

只想说,我不使用 CSS,但在小尺寸画布上画圈的质量很差。

例子:jcanvas https://jsfiddle.net/tkdn2rv6/25/

例如,在 konvajs 上一切都很好:konva https://jsfiddle.net/qup9s57y/23/

为什么图像如此模糊? 画布图片 康瓦斯图片

我想使用 jcanvas,因为它的尺寸更小并且使用 jQuery。

0 投票
1 回答
85 浏览

jcanvas - jCanvas 方法 drawRect() 位置问题

我对 jCanvas 有疑问,它是一个框架绘图画布和 jquery。

当我设置 x = 0 , y = 0 .drawRect 输出应该与纯 javascript 结果相同。

我尝试了文档和谷歌,但我没有找到任何解决这个问题的方法。

屏幕截图:

纯js结果

jCanvas 结果

请帮我。

非常感谢。

要运行此代码,请复制并传递到此 sanbox。 https://projects.calebevans.me/jcanvas/sandbox/

0 投票
1 回答
329 浏览

javascript - 更新画布输入类型文件 jCanvas 中的图像

我使用 jCanvas 用 jQuery 制作传单编辑器:https ://projects.calebevans.me/jcanvas/

在我的 javascript 中,首先我调用我的函数 initCanvas() 向画布添加图层,并且在页面加载时它运行良好。

正如您在我的演示中看到的,您可以更改文本、日期和时间,但是当您想使用 setLayer() 函数更改图像时,背景和所有内容都会消失...

我尝试了很多小时,但它仍然不起作用。

谢谢您的帮助。

0 投票
1 回答
28 浏览

javascript - JCanvas:擦除画布不会擦除可拖动元素

我想通过允许用户绘制各种形状来增强我用 JS 构建的绘图应用程序。我想通过允许用户拖动这些形状来方便用户。所以我使用了 jCanvas,因为它提供了一种简单的拖动形状的方法:

问题是,我需要一个函数来再次擦除它。所以我做了这个脚本:

但这不起作用。当我擦除时,它首先会清除所有内容,但是当我尝试在画布上绘图时,形状又出现了。

我检查了 jCanvas 的代码,它似乎只是在拖动时绘制了大量的矩形,并清除它们以创建被拖动形状的错觉。但是当这种情况发生时,清除的 Canvas 会自行撤退,并且形状再次可见。

有没有办法永久清除形状?还是我必须重新加载页面才能正常工作?

提前致谢

0 投票
0 回答
13 浏览

java - 从 JCanvas (Java) 创建图像

正如标题所示,我需要将程序中显示的所有内容(即 Canvas)转换为 Image 或 BufferedImage。