问题标签 [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.
javascript - jCanvas中的输出表单输入值
将文本输入的值输出到 jCanvas 的有效代码是什么?例如:
姓名 [ John Doe ]
然后将 John Doe 输出到 jCanvas 上。
我想我知道什么会起作用,但我不确定如何将它变成有效的 jQuery 代码。伪代码如下:
canvas - JCanvas:具有超大可拖动图像的全屏画布
使用 JCanvas,我想做两件事:
根据屏幕的宽度和高度动态定义画布的大小。
将比屏幕大的图像绘制到画布上并使其可拖动,并在图像边缘停止拖动。
我有以下代码:
不幸的是,浏览器在左上角只显示图像中心的一小部分(宽:300 像素;高:150 像素)。据我所知,这里不涉及 CSS。
我可以在 300 px x 150 px 的小视口中拖动图像。但是,我希望图像的可见部分遍布整个屏幕并拖动以停止屏幕边缘:永远不会看到任何空白。
我究竟做错了什么?
javascript - JCanvas:如何获得图像的大小?
我画了一个这样的图像:
图像显示它应该。它比屏幕大,我想绘制一个小得多的矩形(0.05 倍),其边与原始图像成比例。如何检索上述图像的宽度和高度?
我试过了:
但alert($("canvas").getLayer("image").width);
回报null
。我也试过:
但alert($("canvas").getCanvasImage.width);
回报undefined
。
jquery - jQuery:删除自定义事件处理程序时如何保留事件处理程序
我使用画布创建了一个简单的绘图脚本:http: //ulrichbangert.de/div/webentwicklung/javascript/jcanvas-drawing-pad.html 我需要事件处理程序,我像这样附加它们(非常简单):
问题是我正在使用附加事件处理程序的库 jCanvas。经过
我删除了所有处理程序,包括那些由 jCanvas 附加的处理程序,因此某些功能不起作用。如何删除我附加的处理程序并保持库的处理程序完好无损?
javascript - 在 jcanvas 中第二次在动画层上出现问题
我正在调用一个包含所有绘图方法的函数,然后我正在调用另一个具有所有动画方法的函数,问题是,
当我第一次调用第二个函数时,它运行良好,但第二个动画时间不起作用
html - 当我添加动画时,画布层会波动
我正在尝试通过画布中的视频制作动画,当我添加任何动画时,视频会波动。如果我删除 hello 功能,那么它会在视频播放功能上启动动画。请查看我的代码并告诉我如何调试它。我只想要视频上的流畅动画
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 访问特定元素。
wordpress - Woocommerce 产品添加到购物车自定义数据 img
大家好,我有一个关于 woocommerce 和自定义元数据的问题。
在我的简单产品页面中,我有一个用 jcanvas 制作的 2D 画布。一切正常,我可以根据产品数据调整高度和宽度并进行修改。
然后在添加到购物车之前,我从画布中导出一个图像 base64 并将其添加到购物车项目,因为它是技术数据。当我进入购物车页面时。我有一个错误 414。请求 uri 太长。所以我尝试生成适用于单个产品页面但不适用于购物车项目的 blob 图像。
也尝试使用 base64 图像来做到这一点。它有效,但在我的购物车项目 img src data: 被自动删除,不知道为什么......
奇怪的是,它在我的 img src 中删除了 blob: part ...
所以我的问题是如何将我的 png 画布图像发送到购物车项目并附加到它以显示在缩略图中?
谢谢
皮埃尔
javascript - 尝试通过 npm 加载 jQuery 插件
我正在尝试在 vuejs 中加载一个 jquery 插件,但似乎没有任何作用。
我有
上面的部分似乎工作正常(我认为),但是当我尝试使用插件时
它抛出drawArc Is not a function error
似乎插件没有正确加载或无法访问。
java - 在 JFrame 中闪烁
我正在开发一个小游戏,如果出现错误,这将是为了我的朋友的乐趣。屏幕将闪烁图像。我知道这是从每帧渲染图像的画布中得出的。但我不知道如何阻止它渲染每一帧。我在寻求帮助。这是我的主类、JFrameBuilder 和 JCanvas 类中的一些代码,用于显示我在做什么。