问题标签 [kineticjs]

我的代码中有一张图片，如此处所定义

而且我希望能够在运行中的某些时间让它（水平）翻转。我试图将图像源更改为预翻转的图像源，但这导致图像复制、重置位置和很多东西出现很多问题。有没有一种方法可以翻转以这种方式创建和使用的图像？谢谢！

我想知道是否有人可以阐明在 Canvas 和 KineticJS 中管理图层的方式。我很难理解为什么当我 clear(); 一个图层，然后使用 draw(); 再次在该层上运行，它会返回我最初添加到该层的形状等。

例如：

http://jsfiddle.net/vPGbz/1/

我假设清除一个图层会完全删除它，为了重绘它，我必须设置新的形状并构建一个新图层。

如果有人也可以解释这一点，我将非常感激。

干杯，凯厄斯

我像设计工作室一样创建它，它具有不同的功能，如拖放、调整大小、文本、字体等。示例：用户选择图像，然后在其上添加一些图形，然后在其上添加文本，，。是我可以保存会话的任何方式，如果用户稍后恢复它.. 他得到的东西是他离开的方式。我不需要画布的 jpeg 图像。我需要保存状态，以便用户以后可以操作它。有可能吗？我为此使用了动力学 js，所以如果有人有任何想法，请帮助/

谢谢

我正在尝试使用 onClick 事件将图像绘制到 KineticJS 画布中，但它不起作用。像这样的错误：未捕获的类型错误：无法调用未定义的 imageObj.onload 的方法“添加”如何使舞台和图层变量对 drawImage 函数可见？希望 smb 可以帮助我，因为我已经没有想法这样做

... img src="testImage.jpg" onclick="drawImage(this.src);"

是否可以在 html5 画布内传播图像.. 比如说我有 2,3 个形状.. 像一个矩形一个圆形和一些正方形和一些随机的不成比例的形状.. 我有一个图像列表.. 它们是纹理不完全是颜色只是纹理，如果我点击一个我希望它在任何形状内传播（相应地变换自身而不扭曲饰面）可能通过映射坐标然后传播图像或乘以它..有什么办法吗所以？？当然，在 html5 画布中解释起来有点困难，但如果有人对此有任何想法，那么一些指针会很好..

问候， 阿希什

是否可以将Kinetic JS对象导出到 SVG？

或者解决方法是将 Kintetic JS 的画布转换为 SVG。

编辑：

最好的方法是使用fabricJS，因为它在处理织物对象时支持画布到 SVG 渲染。

我接受了 Phrogz 的回答，因为它还可以将画布转换为 svg，而无需使用其他库在画布上绘图。

编辑 2：好的，我搞砸了，Phrogz 的库是围绕画布元素的包装，所以你使用它的方法在画布上绘图（我认为它只是在画布上“监听”并创建 SVG 路径）。所以最好的解决方案绝对是fabricJS。

我有一个 HTML5 Canvas 元素。我需要将画布图像提交到我的服务器。它在我尝试过的所有 PC 浏览器中都能正常工作，但 iOS Safari 崩溃并在日志文件中出现内存不足错误。画布图像几乎是 500 KB，因为它是 950x323 PNG。这是我提交代码的简化版本：

Safari 开始提交，但在提交几秒钟后崩溃。服务器通过请求获取其他数据，但 imageData 不完整。我尝试将表单 enctype 更改为“multipart/form-data”，但这没有帮助。

如何使用 KinectJS 创建从一个圆圈到另一个圆圈的箭头？

我有 2 个圆，半径 = r，行程 = 1。我如何做一个平滑的圆形箭头，或者只是从一个到另一个的路径？

谢谢

我浏览了互联网，一无所获，我查看了其他 KineticJS 示例，这些示例在其矩形上使用 1 的 strokeWidth 并且它们似乎都有一条半透明的 2 像素线，而不是一条清晰的 1 像素不透明黑线.

现在，我猜测由于谷歌没有任何解决方案非常简单或不可能，但是..你知道我如何使用 KineticJS 获得一个 px 边框吗？

有人有什么想法吗？

基本上，如果我使用stage.onFrame(function(frame){animationLayer.draw()});然后我会得到一个生涩的动画，但如果我做类似setInterval(draw, 25);然后animationLayer.draw();在绘图中，那么我会得到一个很好的平滑动画。

我是在 KineticJS 上做错了什么，还是只是性能有点糟糕？我只是在旋转一个矩形，但它看起来很生涩。

chrome 比 firefox 更糟糕，但 firefox 仍然不是完全流畅。

任何人有任何想法为什么？

谢谢

编辑：原来 Chrome 是这里的一些问题的罪魁祸首，最近的更新造成了一些麻烦。