omg
omg copied to clipboard
:art: 一个让你跳过canvas,直接绘图的 2d 绘图库,上手简单,接口简洁,功能丰富.
```js var rect1 = this.stage.graphs.rectangle({ x: 0, y: 0, width: txtW + 20, height: txtH + 20, radius: { tl: 6, tr: 6, bl: 6, br: 6 }, color: '#ef8376'...
需要在图片上移动上去加一层效果,类似http://3dcampus.lzjtu.edu.cn/ ` Title 您的浏览器不支持canvas,请升级浏览器,显示此行文本。 const stage = omg({ element: document.getElementById('canvas'), width: 500, height: 500, enableGlobalTranslate: true, enableGlobalScale: true, position: 'absolute', // 改变canvas.style.position images: [], // 预加载的图片列表,通常不用指定,因为使用接口绘制图片的时候,会自动预加载。 prepareImage: true, // 是否开启预加载图片...
https://codepen.io/FlyC/pen/yaNVEQ
arc 渲染丢失
``` // 圆的的数组 var circles = [{ "name": "FW1-01", "type": 1, "x": 0.69, "y": 0.66 }, { "name": "FW1-02", "type": 1, "x": 0.71, "y": 0.64 }, { "name": "FW1-03", "type":...
添加缩放重置和背景图拖拽
1. 需要一个缩放重置 api。目前我使用以下方法重置缩放,不知是否合适。 ``` stage.scale = 1; stage.redraw() ``` 2. init 后,暂未找到开启、关闭缩放的 api。 3. 开启拖拽后,元素的移动可超出画布边界,这个是否有对应的 api ,使元素无法移出画布边界。 4. 以下是我的配置,我想将 image 设置为背景图片且不可拖拽(fixed : true)。当使用缩放将画布放大时,却无法查看超出画布的背景图(fixed : false 也并不正确,背景图应当是无法移动的)。 ``` const stage =...
缩放不支持手机
很好用的一个canvas库,能否扩展下支持移动端的缩放。 谢谢。
当指定canvas大小,canvas不铺满全屏时,鼠标移出canvas,图像会突然偏移很多,移入canvas图像又显示正常。尝试在移出时fixed或者全局禁用enableGlobalTranslate设为false,在鼠标未松开时仍不起作用。希望能够在移出后能够限制图像移动。 omg给自己节省了大量开发工作,简单易用,使用起来也非常方便,希望上面提到的这个问题能够解决下。