Creating seamless rotated background image
问题 I want to repeat a background image that is rotated. Trying to make it seamless is destroying my soul. Starting with something simple, consider each image is laid out like bricks. Creating a seamless repeating background image is pretty simple: (the red area is the crop). You can see this working as expected at http://jsfiddle.net/mPqfB. Now let's say I want to rotate the image by 45 degrees: Unfortunately, the same crop no longer works, as you can see on http://jsfiddle.net/mPqfB/1. I'm