タグ

canvasに関するGrieverのブックマーク (5)

  • css3のtext-shadowだけでモナリザを描いてみた - Cherenkovの暗中模索にっき


    text-shadow1 css使css使css windowsChrome6 devFirefox3.6.6Chrometext-shadowFirefox Mona Lisa de text-shadow (CSS) - gallery : Firebugcss  text-shadow
    css3のtext-shadowだけでモナリザを描いてみた - Cherenkovの暗中模索にっき
  • Canvasで「さざ波」を作るデモを作ったよ - by edvakf in hatena


     Canvas Ripple 200ms  ()  Firefox 3.0.10Safari 4 betaOpera 9.64Opera 10 alpha  Opera 9.64 drawImage(canvas,..)  alpha Opera 10 ( Firefox  Safari ) uupaa  uupaa-excanvas.js  Silverlight drawImage(canvas,..) 使IE
    Canvasで「さざ波」を作るデモを作ったよ - by edvakf in hatena
  • Canvasリファレンス - HTML5.JP


    HTML5CanvasHTML5HTML5  Canvas HTMLCanvasElement HTMLCanvasElement
  • SCRAPBLOG : canvas要素によるWebページのスクリーンショット保存機能

    今年4月に行なわれたMozillaParty7.0において、いくつか有用な情報を得ることができたが、中でもcanvas 要素の toDataURL メソッドで取得した data:URL をファイルへ保存するという Taken さんの情報は、 ScrapBook で保存したWebページのコレクションをサムネイル画像によって一望するというプランを一気に実現へと近づけることができるありがたいものであった。その具体的な方法はTaken SPC : Mozilla Party JP 7.0 に行ってきましたのポストでも説明されているが、これを利用して現在ブラウザに表示されているWebページのスクリーンショット(今回はサムネイルではなく、原寸大のスクリーンショット)をPNG画像として保存する機能を実装してみる。 (1) XUL html:canvas要素を chrome://browser/conte

    Griever
    Griever 2008/12/23
    キャプチャ
  • JSで画像に落書きする - TakiTakeの日記

    画像が一つ飛ばしになるの修正 canvas要素で遊ぼうってことで、画像に落書きできるスクリプト書いてみました。 使い方 windowのロードイベント後に以下のコード読み込んで下さい。 firebug入っているなら、コンソールに貼り付けて、実行でおk。 pixiv辺りが画像多くて狙い目。 ペイントの鉛筆と同じ要領で絵が描けます。 右クリックから画像の保存も可能。 firefox3で動作確認してます。 Canvas = function(img) { if(!img) return; var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); var flag = false; canvas.width = img.width; canvas.height = img.height;

    JSで画像に落書きする - TakiTakeの日記
    Griever
    Griever 2008/11/13
    保存できる
  • 1