複製代碼代碼如下:
<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>