複製代碼代碼如下：
<html>
<身體>
<canvas id =“ canvas” style =“背景色：＃000;”/>
<script>
功能位置（x，y）{
this.x = x;
this.y = y;
}
var canvas = document.getElementById（'canvas'），
ctx = canvas.getContext（'2d'）;
寬度= Canvas.width，
高度= Canvas.Height;
ctx.fillstyle =“＃ff0000”;
ctx.font =“ 20px arial”;
ctx.filltext（“媽媽”，10,50）;
var pixs = ctx.getimagedata（0,0，寬度，高度）.data;
var pixels = new array（）;
for（var i = 0; i <pixs.length; i+= 4）
{
var r = pixs [i]，
g = pixs [i+1]，
b = pixs [i+2]，
a = pixs [i+3];
如果（r！= 0 || g！= 0 || b！= 0）{
var x = i％400;
var y = i/400;
pixels.push（新位置（x，y））;
}
}
</script>
</body>
</html>