如何将放大/缩小的背景图像添加到sigma.js中
How to add background image with zoom in/out to sigma.js
我正在使用sigma.js,并尝试添加背景图像而不是背景颜色。可以查找,但无法放大/缩小。有人已经在这里添加了一个问题,但还没有答案。那么有人能解决这个问题吗?
经过简单的幸运搜索,我找到了以下解决方案:
var c = s.camera;
// Zoom out - single frame :
c.goTo({
ratio: c.ratio * c.settings('zoomingRatio')
});
// Zoom in - single frame :
c.goTo({
ratio: c.ratio / c.settings('zoomingRatio')
});
// Zoom out - animation :
sigma.misc.animation.camera(c, {
ratio: c.ratio * c.settings('zoomingRatio')
}, {
duration: 200
});
// Zoom in - animation :
sigma.misc.animation.camera(c, {
ratio: c.ratio / c.settings('zoomingRatio')
}, {
duration: 200
});
相关文章:
- jquery如何从计算机添加图像
- 如何从 URL 数组向文档添加图像列表
- 如何在fabric js中向多边形添加图像
- Bootstrap多选-在复选框后添加图像
- 通过纯JS添加图像
- 如何在鹅毛笔JS中添加图像
- 使用java脚本添加图像进行测验
- 如何添加可拖动的“;添加图像”;jquery中的图标
- 添加图像与点svg画布
- 是否可以添加图像作为徽标颜色框
- 如何使用fabric.js添加图像过滤器
- JavaScript-添加图像:React Native XCode
- Dropzone”;addedfile”;以程序方式添加图像时不会激发
- 在使用Jquery/Javascript单击下一个和上一个按钮时动态添加图像
- 用图像替换页面,而不是添加图像
- 如何获取动态添加图像的宽度和高度
- 如何在这个javascript中添加图像链接
- 尝试在画布中单击鼠标以添加图像
- 在剑道 UI 树视图项旁边添加图像不起作用
- 如何使用BEML或JS在全屏Brightcove智能播放器中添加图像叠加