読者です 読者をやめる 読者になる 読者になる

CSSでもデータスキームが使える

HTML

らしい

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAl0lEQVR4nO3QMREAIAzAwPqXghwMFRk/kOH3XObc2Z+NDtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QHuQ8bJKz9qiFgAAAABJRU5ErkJggg==);

無意味にブックマークレット化してみる

javascript:(function(){document.body.style.background='repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAl0lEQVR4nO3QMREAIAzAwPqXghwMFRk/kOH3XObc2Z+NDtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QGuADtAaoAO0BugArQE6QHuQ8bJKz9qiFgAAAABJRU5ErkJggg==)'})();

File APIcanvasと組み合わせて遊べそうな感じ。Twitterみたいに背景画像をアップロードできるサービスでは、アップロードするまえにプレビューしたりできそう。

追記

File APIと組み合わせてCSS3のborder-imageを作成する
http://www.incaseofstairs.com/2010/05/border-image-generator-local-file-access/