jcanvas

0热度

1回答

我使用Mike Swanson的AI> Illustrator插件（Illustrator）（found here），它非常适合将Illustrator创建导出到HTML5 Canvas元素，但导出的构建Canvas元素的JS会构建它以只读方式。我试图找出一种简化的方法来将AI2Canvas导出的JS转换为jCanvas JS，以便我能够动态更新画布内的元素（例如更新文本，更改颜色等）。以下的

0热度

1回答

更新画布而不悬停

我正在使用jCanvas库来制作类似MS Paint的东西。我在画布外面放了一个按钮。该按钮顺时针旋转所选图层，但除非使用鼠标悬停画布，否则看不到任何更改。我想在按下按钮时旋转图层。我试过使用restoreCanvas（）函数，但它没有工作。如何在按下按钮时自动刷新画布？对不起，对英文不好。

0热度

1回答

自动添加像素时添加矩形以帆布

目前，我有这个 var x = 150; var o = 100; var canvas = $('#NodeList').get(0); var ctx = canvas.getContext('2d'); ctx.strokeStyle = "red"; canvas.height = 0; var rects = [ [20, 20, x, o], [20

1热度

1回答

将两层与jcanvas一起移动

使用jcanvas，我如何链接两个可拖动的层以使它们一起移动。例如，圆圈和文档图标是两个diff层。我如何让他们一）绘制在同一层或 B于）一起移动 // document .drawArc({ layer: true, groups: ['document'], fillStyle: 'yellow', x: 100, y: 250,

0热度

1回答

jCanvas中的输出表单输入值

输出jCanvas文本输入值的有效代码是什么？例如：名称[John Doe的] John Doe的随后将被输出到一个jCanvas。我想我有一个关于什么可以工作的想法，但我不知道如何使它成为有效的jQuery代码。下面的伪代码： var input = #input.val canvas.drawText( input (dimensions go here) )

0热度

1回答

在jcanvas如何操纵的drawImage层施加的Instagram像过滤器的图像上

我得出使用jcanvas的drawImage方法画布一个图像，并且该图像是层 //的js部分 $('canvas').drawImage({ source: 'js/BN44094.jpg', layer: true, x: 0, y: 0, width: 800, height: 400, name: 'backImage'

0热度

1回答

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

大家好我有一个关于woocommerce和自定义元数据的问题。在我简单的产品页面中，我有一个用jcanvas制作的2D画布。一切工作顺利我可以根据产品数据调整高度和宽度并对其进行修改。然后在添加到购物车之前，我从画布中导出图像base64并将其添加到购物车项目，因为它是一个技术数据。当我去购物车页面。我有一个错误414.请求太久。因此，我尝试生成在单个产品页面上工作但不在购物车项目上的bl

1热度

1回答

问题jcanvas在第二次动画层上

我呼吁包含所有绘制的方法，然后我打电话与所有动画的方法和发行其他功能的功能是，当我打电话第二个功能第一次它工作完美，但第二动画时间不起作用 <!DOCTYPE html> <html> <head> <title>mask image</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com

0热度

1回答

JCanvas：全屏帆布与过大的可拖动的图像

使用JCanvas，我想做两两件事：动态根据屏幕的宽度和高度定义画布的大小。将大于屏幕的图像绘制到画布并使其可拖动，拖动停止在图像的边缘。我有以下代码： function init() { $canvas = $('#canvas'); $canvas.width = window.innerWidth; $canvas.height = window.inne

0热度

1回答

JCanvas：我如何获得图像的大小？

我已经绘制的图像是这样的： $("canvas").drawImage({ x: 0, y: 0, source: src, draggable: true, layer: true, name: "image", fromCenter: false, } }); 的图片显示，因为它应该。它比屏幕更