Fabric.js 在安卓webview下重复绘制的解决方法
2013-12-24 13:12
706 查看
最近在使用Fabric.js库,一个神奇的html5 canvas图形库,它提供以面向对象的形式操作canvas上的图形,官方网站:http://fabricjs.com/
它在浏览器兼容性方面做得相当不错。
不过在安卓webview上会出现一个令人头疼的问题,即在绘制的时候会重复绘制两个图形,且复制出来的图形不可选中。
在这种情况下,获取canvas上的图形个数,其显示仍为1个。
在网上搜了一下,遇到此类问题的人还蛮少,相关的帖子几乎没有。
后来在stackflow上找到了一个类似的问答,试了一下上面写的偏方,结果发现果然很给力。
解决方法:
只需要将canvas的所有父元素中的overflow:hidden属性去掉即可解决此问题。
不过删除overflow:hidden属性带来的页面负面影响还得利用其他方法去补救。
它在浏览器兼容性方面做得相当不错。
不过在安卓webview上会出现一个令人头疼的问题,即在绘制的时候会重复绘制两个图形,且复制出来的图形不可选中。
在这种情况下,获取canvas上的图形个数,其显示仍为1个。
在网上搜了一下,遇到此类问题的人还蛮少,相关的帖子几乎没有。
后来在stackflow上找到了一个类似的问答,试了一下上面写的偏方,结果发现果然很给力。
解决方法:
只需要将canvas的所有父元素中的overflow:hidden属性去掉即可解决此问题。
不过删除overflow:hidden属性带来的页面负面影响还得利用其他方法去补救。
相关文章推荐
- Webview与js交互漏洞及解决方法(有注释代码)
- 如何让安卓WebView支持js调用window.open()和window.close()的方法。
- WebView中调用assets下的js脚本无法正常执行的解决方法
- 安卓与JS互调之android webview addJavascriptInterface 的方法不能调用
- 关于安卓webview加载网页黑屏、部分黑屏或blank的解决方法
- 安卓学习笔记---解决Android签名混淆后WebView与JS交互失效的问题
- 安卓:Webview不弹出输入法的解决方法
- webview加载页面,JS方法不能加载的问题解决
- 安卓解决WebView中无法执行js的问题
- Android 安卓webview调用js的方法,调用不了,失败及其原因
- Android开发 activity里面的WebView加载js调用windows.location.reload()会弹出浏览器的解决方法
- webview与js交互,window.close()回调方法onCloseWindow()无效的解决方法
- video标签在安卓webview下无法自动播放问题的解决方法
- [安卓开发]关于WebView执行js 会输出的问题解决
- Android WEBVIEW中调用<a href>的问题!!!不是js的方法
- 解决 hybird 应用中重复获取 WebView,导致页面元素无法识别的问题
- iOS 几种webView与JS交互的方法
- ANDROID WEBVIEW和JAVASCRIPT交互_JS调用ANDROID方法
- Android开发中使用WebView控件显示找不到网页的解决方法
- android通过webView加载第三方h5应用,部分手机加载部分图片失败和播放部分视频失败的解决方法