如何从 HTML5 画布中清除图表,以便无法触发悬停事件?
若要从画布中清除图表,删除 <canvas> 元素,然后向父容器附加新的 <canvas> 元素,如下面给出的代码所示 −
var resetCanvas = function(){
$('#results-graph').remove();
$('#graph-container').append('<canvas id = "results-graph"><canvas>');
canvas = document.querySelector('#results-graph');
ct = canvas.getContext('2d');
ct.canvas.width = $('#graph').width(); // here we are resizing the new canvas element to parent width
ct.canvas.height = $('#graph').height(); // here we are resizing the new canvas element to parent height
var a = canvas.width/2;
var b = canvas.height/2;
ct.font = '12pt Calibri';
ct.textAlign = 'Align Left';
ct.fillText('left aligned text on the canvas', a, b);
};
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP