我希望能够使我的画布看起来像是在弯曲的圆形CRT屏幕上,类似于这两个图像:

我如何对HTML5画布执行此操作?我很乐意在画布绘图本身或者应用于画布的CSS样式中执行此操作.
谢谢!
以下代码用于在单击复选框时突出显示表记录.但是一旦我刷新了页面,突出显示的记录就会消失.如果页面刷新后我怎么能保持相同的突出显示记录?
<style>
.highlight {
background-color: yellow;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#Table input").click(function() {
if ($(this).is(":checked")) {
$(this).parent().parent().addClass("highlight");
} else {
$(this).parent().parent().removeClass("highlight");
}
});
});
</script>
<body>
<div class="col-lg-10">
<form name="f">
<table id="Table" border="1"><tr>
<td><input type="checkbox" name="cb1" id="cb1" value="y" /></td>
<td>Click me</td>
</tr><tr>
<td><input type="checkbox" name="cb2" id="cb2" value="y" /></td>
<td>Click me</td>
</tr><tr>
<td><input type="checkbox" name="cb3" id="cb3" value="y" /></td>
<td>Click me</td>
</tr></table>
</div>Run Code Online (Sandbox Code Playgroud)