<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 800px; height: 800px; margin: 20px auto; border: 1px solid red; } #canvas{ cursor: pointer; } </style> </head> <body> <div class="box"> <canvas id="canvas" width="800" height="800"></canvas> </div>
<script> var canvas = document.querySelector("#canvas"); var cxt = canvas.getContext('2d'); // var str ='李公明 | 李银河 | 李碧华 | 刘醒龙 | 路佳瑄 | 刘继兴 | 慈悲 | 李建荣 | 李轶男 | 再复 | 刘墉 | 康慨 | 渴非 | 旷新年 | 柯云路 | 洁尘 今何在 | 金文明 | 蒋方舟 | 江晓原 | 江心岛 | 旧海棠 | 贺茂峰 | 海啸 | 胡志平 | 韩云波 | 黄育海 | 花信风 | 寒风 | 很北 | 狐眉儿 | 韩浩月 |