Tag: html5 canvas

使用JQuery的KineticJS动画: 我是KineticJS的新手，我已经堆积了。我想使用一个不透明的简单动画，但我发现它看起来没那么“简单”。我用KineticJS阅读了关于动画的文档（你不会对本教程说简单）。我想知道有没有一个简单的方法来使用像JQuery或JCanvaScript这样的KineticJS来制作动画？例如 this.animate({ opacity:0, x: 50 }, 500); 这样的事情？如果没有，我们可以使用KineticJS和JQuery来简化动画吗？我发现这个项目有一段非常有趣的代码： $(logo.getCanvas()).animate({ opacity: 1, top: “+=50px” }, 1000); 所以大家你觉得呢？使用这种方法有问题吗？

是否可以在canvasHTML5中设置背景图像，并可以执行一些绘制function，如撤消，擦除，清除，保存背景图像？: 我想知道canvas HTML5。在我的基础canvas元素中，我想要设置背景图像，并且我想要执行一些function，如在绘画中擦除，撤消，清除并保存受影响的图像（在应用所有效果撤消后，清除）..任何建议或示例..

在canvas中读取文本，在canvas中标识文本的位置: 我正在研究流程。我用过vis库来显示流程。它显示了canvas中的流程。流程很长并且是根据用户输入动态生成的，所以我在canvas中提供了滚动。因此，要进入特定步骤，用户必须向下滚动。我想在canvas中提供搜索function，使其更加用户友好。有没有办法在Canvas中提供搜索function？

如何使用jquery旋钮在单个canvas上实现多个拱形？: 我指的是jsfiddle以供参考。在这个蓝色拱门用旋钮减少，但其他拱门不使用旋钮。任何人都可以建议任何参考。 [canvas] [1] [1]： http ： //jsfiddle.net/matthias_h/L5auuagc/ enter code here

Jquery在htmlcanvas上拖放: 您好我正在尝试将div（div项目）中的itms拖到htmlcanvas上。我有帮助克隆的问题。当我简单地拖动没有帮助器的项目时，它将itms拖放到canvas上，但是当我使用帮助器克隆时，它不会将项目拖放到canvas上。我附上了小提琴，请检查一下。 HTML Drag me down1 Drag me down2 Drag me down3 JS $(“#drag li”).draggable({ helper: ‘clone’ }); JS FIDDLE 提前致谢。

用动画填充颜色: 用动画填充彩色canvas动态。我创造了帆布圆筒，它填充了颜色。当我动态填充颜色时我需要动画示例（慢慢填充它）。我已经在谷歌搜索了，我得到了动画效果：动画function中的fadein / ease。但没有什么对我有用 var perc = 0; $(document).ready(function () { $(“#my_input”).focusout(function (event) { if ($(“#my_input”).val().indexOf(“%”) != -1) { if ($.isNumeric($(“#my_input”).val().replace(‘%’, ”))) { // Allow only backspace and delete if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 37) { //$(“#myCanvas”).animate({ opacity: 0.25 }); } else { // Ensure that […]

在Fabricjs中的组中resize时无法保持strokeWidth的厚度: 我正在编写代码以在Fabricjs中的所有对象上保持相同的strokeWidth。我能够成功维护普通对象的strokeWidth，让它成为矩形或椭圆形（我编写代码来维护它们）。但是当我使用group时，我无法保持strokeWidth。这是小提琴。重现问题的步骤？ 1）打开小提琴链接 2）调整圆的大小，检查边框的大小（重新调整大小时边框的厚度保持不变） 3）现在调整矩形和文本（组）的大小，预期结果是边框的厚度必须始终相同但不会发生。代码：` var gCanvas = new fabric.Canvas(‘canvDraw’); gCanvas.setWidth(700); gCanvas.setHeight(700); var text = new fabric.Text(‘test’, { fontSize: 30, top: 100, left : 100, fill : ‘red’}); // add some shapes – these are examples, others should work too var myRectangle = new fabric.Rect({ left: 100, […]

使用jquery动态添加canvas: 我把所有代码都包含在这个小提琴中： http ： //jsfiddle.net/RymyY/ 我的问题涉及左侧的“添加形状”按钮。我希望每次单击第二个添加按钮时能够添加新canvas，但我无法使其工作。类似的代码在这个小提琴中起作用： http ： //jsfiddle.net/dzejkej/xwg5f/ 我不知道为什么我的不工作。我不知道什么是错的。请帮忙。

在canvas内的当前鼠标位置添加一个Textarea: 我想在canvas上添加一些文本信息。当我在canvas上点击鼠标时，它应该在当前鼠标位置显示一个文本区域。也应该可以选择，拖动和旋转textarea。如何使用HTML5 canvas和javascript实现此function？

Fabricjs检测对象路径上的鼠标: 是否有可能捕获object:over仅当鼠标位于形状本身而不是包含它的假想方块上时才在Fabric.js中捕获？我有一个jsFiddle演示，它包含一个U形。你可以看到，即使我有指针在U内并且没有触及任何一条线，它仍然会将其检测为一个object:over event。使用Javascript： var canvas = new fabric.Canvas(“c1”, { isDrawingMode: false }); canvas.loadFromJSON(objectsJson, function () { canvas.renderAll(); }); canvas.on(“object:over”, function () { console.log(“object over”); }); canvas.on(“object:out”, function () { console.log(“object out”); }); // code to capture mouse over object while isDrawingMode = false canvas.findTarget = (function (originalFn) { return function () { […]