扭曲拉斐尔的一条“路径”
Distort a "path" in Raphael
我想知道在 RaphaelJS 中是否有可能扭曲任何形状/路径,例如,如果我在 0,0 10,0 10,10 0,10 的边界框中有一个形状,假设形状在这些点有手柄,我将点 10,10 拖动到 11,15 ...此时,我想扭曲形状以适应新的边界框。
想象一下形状很复杂,就像这样 http://jsfiddle.net/8hMkC/
如果它必须是图像,那不是太大的问题(如果这可能的话?
铽
您可以使用javascript来使用viewbox。
http://jsfiddle.net/mihaifm/QqcwX/
添加一个代表按钮的新元素(圆圈或其他东西)并处理单击/拖动事件。然后,您可以更改视框坐标。
我不知道。我假设您希望能够在边界框的范围内扭曲,扭曲和/或通常扭曲任意形状。这将涉及转换任何非路径基元(圆,矩形等) 到路径,然后计算其中所有节点点的更改。我并不是说这不能做到,但可以这么说,你不会开箱即用地免费获得它。如果可以做到这一点,我很想听听。
相关文章:
- 在地图上画一条路线
- 在d3中拖动一条线
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- 当我的条件为true时,显示一条弹出消息
- 如何在javascript中的if或else块中运行一条jsp语句
- 加载页面每10秒显示一条不同的消息
- 更改路线时,在react.js中得到一条非常crypric的消息
- 有没有一条清晰的路径,我可以实现一个在 ScalaJS + React 中广泛使用上下文的 React 组件
- 扭曲拉斐尔的一条“路径”
- 使用 redux-simple-router 导航到另一条路径
- Snap.svg沿着一条路径拖动一个组并保存位置
- RaphaelJS:在另一个SVG元素上绘制一条路径
- 在BonsaiJS中沿着一条路径制作电影动画
- 让一条路径指向另一条路径的中间
- Emberjs为一条路由使用多个路径/ url
- 路径应该是一条直线
- 如何在d3.js中为一条路径上的多个圆设置动画
- 在ImmutableJS中推到一条路径
- 当父级位于另一条路径中时,将 iframe 更改为相对位置