问题标签 [kineticjs]

问问题

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.

2118 问题

0 投票

2 回答

3609 浏览

internet-explorer-7 - 在带有 ExplorerCanvas 的 IE7/8 中使用 kinetic.js

我的新项目使用 HTMl5/canvas/JS 来绘制图形。由于explorercanvas，即使在较旧的浏览器中，它也能很好地工作。

我想向它添加一些用户交互。我在网上阅读的示例告诉我使用KineticJS，但我找不到有关浏览器兼容性的任何信息。有谁知道 kineticJS 适用于哪些浏览器？

2012-02-07T17:10:05.300

0 投票

1 回答

7964 浏览

jquery - 使用 KineticJS 在鼠标悬停时重新着色形状

我有一块画布，可以容纳中等到大量的形状（50-500）。

我已经成功地使用这些工具绘制了我想要的形状的轮廓：

我想在 mouseOver 上将 diagramImage 的 context 的 strokeStyle 更改为不同的颜色。我知道画布元素不跟踪“状态”，因此不知道当前有一个形状。

我想知道几件事：

以上关于 Canvas 的事实是否适用于 Kinetic 的图层元素？
似乎我需要清除 diagramImage 的上下文并使用不同的颜色重绘——这会导致鼠标悬停时闪烁吗？
在我当前的形状“下方”绘制另一种颜色的形状是否有益？然后我可以隐藏顶部的形状 - 也许通过修改 z-index - 看似“改变”形状的颜色？
如果 3 为真，那么将 500 个元素加倍到 1000 个是否会有任何性能问题？

jquery html canvas kineticjs

2012-02-14T00:24:21.220

0 投票

3 回答

445 浏览

javascript - I seem to be using a variable before it is fully created in Javascript, but this works -- why?

Could someone explain this to me?

It seems to me that diagramImage does not exist until the Kinetic constructor returns, but I am able (and seem to need to) assign context's strokeStyle to diagramImage's color -- before diagramImage has been created? Why does this work?

EDIT: Full code:

javascript jquery kineticjs

2012-02-14T16:55:59.230

0 投票

1 回答

1051 浏览

javascript - 将 excanvas 与 kinetic.js 一起使用？

我尝试将 excanvas.js 与 kinetic.js 一起使用，但没有成功。

有没有办法让它工作？

谢谢！

javascript canvas excanvas kineticjs

2012-02-14T17:55:56.973

0 投票

1 回答

9158 浏览

javascript - 使用 kinetic.js 替换 HTML5 画布中的图像？

嘿伙计们，我正在尝试在单击同一列表中的下一个图像时替换加载在 html5 画布上的图像。就像我有两个使用不同功能的图像列表进入画布一样。现在我想要的是点击下一张图片替换第一张上传的图片..其他列表也是如此..请帮帮我谢谢..

javascript image html canvas kineticjs

2012-02-23T10:48:29.927

0 投票

1 回答

1979 浏览

javascript - 在使用 webgl、html5 画布中使用图像的 3d 图形实现

我是 HTML5 新手，在 HTML5 画布中有一个项目。我仍然需要分析需求。
我几乎完成了所有部分，我遇到的问题是：

是否可以将拖放后形成的一些图像制作成 3d，然后使用webglor 也许three.jsand将它们组合在一起kinetic.js？例如在这个网站：http ://headstonesandmemorials.com/pillow/pillow_hickey_bevel_headstone_designer.php

是否可以首先使用预加载的图像完全设计墓碑，然后从中制作 3D 视图？

javascript html5-canvas webgl kineticjs

2012-02-23T11:21:31.153

0 投票

3 回答

2810 浏览