PengJiyuan

Results 48 comments of PengJiyuan

Is this a dead repo ?

对 ,因为canvas的图片绘制必须要在图片load之后才可以。

1. 确实需要一个重置的api,现在我用到的重置和你一样,也是通过这种方法重置的。如果有事件的绑定和解绑,需要更多的操作,比较繁琐。 所以日后需要添加一个重置api,可以重置scale,translate,等所有数据到init时候的状态。 2. 可以开启和关闭全局拖拽或者全局缩放。如下: ```javascript const stage = omg(...settings); stage.init(); // 改变enableGlobalScale stage.enableGlobalScale = false; stage._event.triggerEvents(); ``` 3. 暂时没有对边界的探测,之后再看看有什么好的办法添加吗?现在可以通过手动去计算边界,我想是可以做到是元素无法移动出边界的效果的。 4. fixed: true目前仅用来应付全局拖拽,即enableGlobalTranslate。fixed应该需要做到更多的事情,这个我会在之后的版本中对fixed进行升级。 可以尝试一下用 https://codepen.io/ 来展示你的demo,这样我可能更能清晰的明白你的意思。:)

我测了一下,无法关闭缩放是一个bug,我已经修复。https://github.com/PengJiyuan/omg/commit/ed06ae3b8b3dddbb7cb80273dd5c3a4fabf25569 fixed确实实现的不好,我会改进。

在[feature-4.0.0](https://github.com/PengJiyuan/omg/tree/feature-4.0.0)中添加了 `setGlobalProps`这个接口,用于设置OMG全局状态。所有的改动将在4.0.0版本放出,我计划在4.0.0中完善一些东西。 ```javascript stage.setGlobalProps({ enableGlobalTranslate: true, enableGlobalScale: false }); ``` 你的代码可以改成下面这样: ```javascript // 全局拖拽设置 function translateReverse() { let translateBtn = document.getElementById("translateReverseBtn"); stage.setGlobalProps({ enableGlobalTranslate: !stage.enableGlobalTranslate }); translateBtn.innerHTML = stage.enableGlobalTranslate ? "开启拖拽"...

@Mgzu ,现在的fixed是真正的fixed。如果指定了fixed的话,拖拽缩放会失效。

@Mgzu 对了,添加了一个reset接口。`stage.reset();`

@Mgzu 当然可以。 ```javascript enableGlobalScale: true; enableGlobalTranslate: false; drag: false; ```

您好! 下一步是要全面支持移动端的事件的,稍等~