38、光栅图形编程实战：从矢量绘图到拼图游戏

光栅图形编程实战：从矢量绘图到拼图游戏

1. WriteableBitmap 绘图基础

在图形编程中，WriteableBitmap 是一个强大的工具。其中心点为(200, 200)，通过嵌套的for循环处理像素。循环会跳过距离中心点超过 200 像素的像素，这样在方形位图中，只有圆形区域会有非透明像素。

// 嵌套 for 循环处理像素示例逻辑 for (int y = 0; y < writeableBitmap.PixelHeight; y++) for (int x = 0; x < writeableBitmap.PixelWidth; x++) { // 计算像素到中心点的距离 if (Math.Sqrt(Math.Pow(x - 200, 2) + Math.Pow(y - 200, 2)) <= 200) { // 处理像素逻辑 } }

连接中心点与位图中的任意像素点，该连线与水平轴形成一个角度，可使用Math.Atan2方法获取此角度。根据该角度为R和B变量赋值，创建颜色值并存储在Pixels数组中，最后调用Invalidate方法使实际位图图像与这些像素匹配，并将位图设置为Image元素