Webコンテンツを美しく魅力的に 動きがあり触れるWebコンテンツ「リッチクリエイティブ」を Smart Canvasなら誰でも簡単に作ることができます。
![SmartCanvas - Smart Canvas - 動画広告・リッチメディア広告配信プラットフォーム](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f0ff9a6fc3500f83c35d0da6c488b5a8f41b0d3/height=288;version=1;width=512/https%3A%2F%2Fcdn.smartcanvas.net%2Fimages%2Fnova_management_ogp.png)
Html <canvas id="canvas"></canvas> <audio preload="true" id="collide"> <source src="http://dl.dropbox.com/u/26141789/canvas/pingpong/Metal%20Cling%20-%20Hit.mp3" /> <source src="http://dl.dropbox.com/u/26141789/canvas/pingpong/Metal%20Cling%20-%20Hit.wav" /> </audio> Javascript // RequestAnimFrame: a browser API for getting smooth animations window.requestAnimFrame = (function(){ return window.req
今年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
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室 ティ...他...全5件
Google's "Report a Bug" or "Feedback Tool" lets you select an area of your browser window to create a screenshot that is submitted with your feedback about a bug. Screenshot by Jason Small, posted in a duplicate question. How are they doing this? Google's JavaScript feedback API is loaded from here and their overview of the feedback module will demonstrate the screenshot capability.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く