cordova - 画布上的 RGraph 在 Android WebView 中触摸时重复

Question

我正在使用 Rgraph 在画布上绘制一些图形，这些 html 页面使用 PhoneGap 加载到 android webview 中。一切正常，直到我触摸它在页面顶部重绘该图形的图形。我已经找到了很多

$("canvas").parents("*").css("overflow", "visible");

我也累了 position:fixed ，但它起作用了……有谁知道为什么要重绘图表……？

这是屏幕截图

第二张图是我触摸它时的原始图，重复的图绘制在页面顶部

Answer 1

我在使用 Chart.js 并进行大量搜索时也遇到了这个问题。最后我通过向元素overflow: hidden的直接父级添加样式来解决这个问题。canvas

<div class="canvas-wrap" style="overflow: hidden;">
    <canvas width="100%" height="300"></canvas>
</div>

这对我有用。希望它也能帮助你。