How to develop a HTML5 Image Uploader ✩ Mozilla Hacks – the Web developer blog
HTML5 comes with a set of really awesome APIs. If you combine these APIs with the <canvas> element, you could create a super/modern/awesome Image Uploader. This article shows you how. All these tips work well in Firefox 4. I also describe some alternative ways to make sure it works on Webkit-based browsers. Most of these APIs don’t work in IE, but it’s quite easy to use a normal form as a fallback
jqPlot - Pure Javascript Plotting
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
CoolClock - The Javascript Analog Clock
About CoolClock CoolClock is a customisable javascript analog clock. What's New (19-Aug-2010) Release version 2.1, new features include digital (text) display and two logClock modes. See logClock demo and demo2. (26-Apr-2010) Released new version 2.0 and added source to github. Added note about new onload requirements. (26-Apr-2010) Someone has created a CoolClock plugin for SongBird. Go check it
JavaScript: canvasを使って画像をdata URIに変換 - mayokara note
Firefox2、Opera9のみ。 Drawing text using a canvas - MDCとtoDataURLメゾッドを使えば、テキストを画像にすることができる。 LDRの未読数をfaviconに表示するGreasemonkeyスクリプト - 素人がプログラミングを勉強するブログ nsIDOMHTMLCanvasElement#toDataURLなんてものがあるのか。 javascript:(function(){ var c = document.createElement("canvas"), img = document.images[0]; c.width = img.width; c.height = img.height; c.getContext("2d").drawImage(img, 0, 0); prompt(img.src, c.toDataURL())
Saving canvas data to image file
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
Canvas shell
ctx.clearRect(0,0,500,500); ctx.beginPath(); ctx.moveTo(125,75); ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle ctx.moveTo(110,75); ctx.arc(75,75,35,0,Math.PI,false); // Mouth ctx.moveTo(65,65); ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye ctx.moveTo(95,65); ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye ctx.stroke(); (shortcut: Alt+R) This page lets you play with the HTML5 <canva
corner.js (with IE 6/7 support)
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
NULL::colors*canvas
パレットをプレビューに D&D することで、そのエリアの色を変更できます。この場合、プレビューエリアの色はロックされます。ロックを解除するには Reset してください。 パレットを TCS の色のエリアに D&D すれば、その色をターゲットにできます。 プレビューエリアをクリックすると色を変える対象 (前景色・背景色) をトグルできます。
Drawing Graphics with Canvas - MDC
This tutorial describes how to use the <canvas> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas about what you can do with canvas, and will provide code snippets that may get you started in building your own content. <canvas> is an HTML element which can be used to draw graphics via scripting (usually JavaScript). This can, for instance
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スパム対策メアド表示
Dance Party
GitHub - shunito/cvtabguitar: Guitar Tablature javascript HTML5 canvas
canvasリファレンス
Taken SPC: いい加減な canvas 要素の紹介