jQuery addClass example

Change class name on click in jQuery

HTML

<div class="col-xs-2"><canvas id="device"></canvas></div>

JavaScript

var canvas = $('canvas#device')[0];
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 70;

context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.lineWidth = 8;
context.strokeStyle = '#000000';
context.stroke();

context.fillStyle = 'blue';
context.font = '20pt Calibri';
context.textAlign = 'center';
context.fillText('device', centerX, centerY+context.lineWidth);