问题标签 [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 投票
2 回答
596 浏览

jquery - 绘制多个矩形时的画布效率

我有一个从图像中的每个像素坐标派生的二维颜色数组。滑块确定像素化矩形的大小,图像以像素化形式重绘。在嵌套循环中,jCanvas 用于将每个“像素”绘制为一个矩形。在调整滑块和新的画布绘制之间有明显的减慢。可以做些什么来提高绘制许多画布矩形的效率?我希望在大于当前 250x250 的图像上使用这个概念,但前提是重绘效率更高。

当滑块值发生变化时,调用此函数:

干杯,tL

0 投票
1 回答
659 浏览

javascript - javascript:在jcanvas的draw方法中从事件监听器访问父对象

我正在使用 jcanvas ( http://calebevans.me/projects/jcanvas/ ) 来学习 JavaScript 项目。我有以下代码:

我需要在 dragstop 函数中访问父 Board 对象的方法。但是当我在那里调用 $this 变量时,我得到的是画布......而不是板本身。有什么可做的吗?

0 投票
1 回答
87 浏览

javascript - 通过未来函​​数循环和设置全局变量

我得到了这部分代码,我似乎无法正常工作。我想知道您是否有任何想法,这似乎是一个范围界定问题。

这是我认为已损坏的代码部分。

问题是当我单击图像时它会执行该函数,但是 selectedR/selectedC 的值总是设置为 8,8,这意味着它不会从 r,c 中获取变量值,直到实际单击该函数。你能想出我能做到这一点的方法吗?我基本上想知道我点击的项目的r,c。如果有帮助,我正在使用 JQuery/JCanvas 库。下面是上下文中的代码。

0 投票
4 回答
350 浏览

html - 如何在画布中保存可拖动形状的位置?

我正在使用画布制作形状。这些形状是可拖动的。如何保存形状的位置,以便当我返回页面时,形状与我拖动到的位置相同?

0 投票
2 回答
378 浏览

javascript - 如何使用 jCanvas 动画获取当前旋转角度?

我不知道如何在 jCanvas 中获取拱门的当前旋转角度。 layer.rotate似乎只为我提供了旋转的原始设置,当我真的想在它达到某个角度时改变它的行为。

在 jsfiddle 上有一个示例设置来演示这个问题。

任何见解将不胜感激。

0 投票
1 回答
471 浏览

html - 使用 HTML 画布动态绘制和绘制 Square

我需要使用 html canvas 绘制下面给出的图表。谁能帮助我。

http://1.bp.blogspot.com/-em2abcEg5nU/Ts_c3cNtfMI/AAAAAAAAABU/eQWc6SJtD0M/s1600/t31.jpg

0 投票
1 回答
229 浏览

javascript - jcanvas 按宽度和高度调整文本大小

我正在使用 jcanvas,我需要按宽度和高度调整文本大小。实际上,该库提供了一个按 X 和 Y 缩放的选项,但我需要对宽度和高度属性做同样的事情。

可能吗?

0 投票
1 回答
184 浏览

jquery - jQuery - 在加载带有 jQ​​uery 的远程页面后,如何让 jQuery 正常运行?

当前页面上的 jQuery 有效。

我使用以下方法将远程页面加载到当前页面中的 div:

远程页面有以下代码:

起初,我把这个片段放在远程页面中: $(document).ready(function() { $('a#DrawItem').click(function(){ $("canvas").drawArc({ fillStyle: "黑色", x: 100, y: 100, 半径: 50 }); }); }); 但这行不通。我将画布和 jcanvas.min.js 脚本放在同一个页面中,一切正常。如果我尝试从远程页面加载画布,它将无法正常工作。

0 投票
1 回答
451 浏览

javascript - 使用 jcanvas 绘制图层:性能优化

)

我有一个小型 Web 应用程序,它使用 jquery 和 jcanvas ( http://calebevans.me/projects/jcanvas/ ) 在画布上打印一些形状。

它基本上是一张地图。用户可以放大它并拖动它,每当他这样做时,所有东西都必须重新绘制。

正如您在下面的代码中看到的那样,我经常删除和重新创建图层(每当用户拖动地图、缩放或调整其窗口大小时)。我需要图层来处理悬停和点击事件。我的问题是,与其他解决方案相比,这种处理事件的方式是否会对性能产生很大影响。如果是这种情况,我该如何优化我的表现?

感谢您的时间 :-)

0 投票
1 回答
768 浏览

jcanvas - 如何在 jCanvas 中以交互方式调整图层的大小

我想制作锚点(像 FabricJS 中的处理程序)来更改使用 jCanvas 在图层上绘制的任何元素的大小、宽度和高度。有可能这样做吗?