CSS で画像をトリミング Feb 8, 2008 以前から、まじめに画像の変換をせずに、 HTML とか CSS とかだけで画像のトリミングができないかなと思っていて、大したことじゃないのになかなか手を付けずにいました。で、やってみたらやっぱり簡単にできました。 trim image by css tips Posted at 09:44 by setomits MacBook Air が届いた！ Main ヒゲチェン Re: CSS で画像をトリミング DIV の中に IMG を置くパターンので、スタイルで position: relative; left: -25px みたいな感じで位置指定をすることができますよ！ ということで、trim image by cssを更新しました。 Posted at Feb 8, 2008 02:11 by setomits Re: CSS で画像をトリミング ＞みたいな感じで位置指定をすることができますよ！ なるへそ。 Posted at Feb 8, 2008 02:46 by とも Re: CSS で画像をトリミング ちょうと僕は、Javaでトリミングするプログラムを書いたところでした。 ImageクラスのgetWritableTile()メソッドで、Rasterを取り出し、 getPixel()で１つのピクセルを取り出して、目的のイメージのRasterに、 setPixel()で書き込む、 という手間。 マウス連動で、イメージ上にクリップする枠が表示され、クリックで位置確定、 という代物。 Web上は、htmlの書き方だけでいいんですね。 ただし、上下左右端、または中央以外の、 任意ピクセル指定は無理なのかも。 Posted at Feb 8, 2008 12:52 by とも Leave your comment Please turn JavaScript on to leave your comment. Name Title Comment
Re: CSS で画像をトリミング DIV の中に IMG を置くパターンので、スタイルで position: relative; left: -25px みたいな感じで位置指定をすることができますよ！ ということで、trim image by cssを更新しました。 Posted at Feb 8, 2008 02:11 by setomits
Re: CSS で画像をトリミング ちょうと僕は、Javaでトリミングするプログラムを書いたところでした。 ImageクラスのgetWritableTile()メソッドで、Rasterを取り出し、 getPixel()で１つのピクセルを取り出して、目的のイメージのRasterに、 setPixel()で書き込む、 という手間。 マウス連動で、イメージ上にクリップする枠が表示され、クリックで位置確定、 という代物。 Web上は、htmlの書き方だけでいいんですね。 ただし、上下左右端、または中央以外の、 任意ピクセル指定は無理なのかも。 Posted at Feb 8, 2008 12:52 by とも
みたいな感じで位置指定をすることができますよ！
ということで、trim image by cssを更新しました。
なるへそ。
ImageクラスのgetWritableTile()メソッドで、Rasterを取り出し、
getPixel()で１つのピクセルを取り出して、目的のイメージのRasterに、
setPixel()で書き込む、
という手間。
マウス連動で、イメージ上にクリップする枠が表示され、クリックで位置確定、
という代物。
Web上は、htmlの書き方だけでいいんですね。
ただし、上下左右端、または中央以外の、
任意ピクセル指定は無理なのかも。