[B! canvas] yu4uã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yu4u id:yu4u

canvasã«é–¢ã™ã‚‹yu4uã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

perspective.js (alpha version) demo (static) - HTML5.JP
[English] perspective.js ã¯ã€Canvas ã§çŸ©å½¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ä»»æ„ã®å››è§’å½¢ã«å¤‰å½¢ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚é è¿‘æ³•ã‚’ä½¿ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æããŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚å…ƒã¨ãªã‚‹çŸ©å½¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã—ã¦ HTMLImageElement ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ (<img> ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ)ã ã‘ã§ãªãHTMLCanvasElement ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ (<canvas> ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ)ã‚‚æ‰±ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ perspective.js ã¯å¤‰å½¢å‡¦ç†ã®é€Ÿåº¦ã‚ˆã‚Šå¤‰å½¢å¾Œã®ç”»è³ªã‚’å„ªå…ˆã—ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯é©ã—ã¦ã„ã‚‹ã¨ã¯ã„ãˆã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ã§ãã‚‹é™ã‚Šã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã—ã¦ãã¾ã—ãŸã€‚å°ã•ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚ã‚Œã°ã€ã†ã¾ãã„ãã§ã—ã‚‡ã†ã€‚ ã“ã‚Œã¯ã¾ã ä½œã£ã¦ã„ã‚‹é€”ä¸ã®ã‚‚ã®ã§ã™ã€‚ä»Šã§ã‚‚ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®æ”¹å–„ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚å®Œæˆã—ãŸã‚‰ã€HTML5.JP ã§ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’
yu4u 2013/09/20
Canvasã§å°„å½±å¤‰æ›ã§ãã‚‹jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆCanvasã®transformã¯Affineå¤‰æ›ã¾ã§

canvas

javascript
ãƒªãƒ³ã‚¯
SVG OPEN
GÃ©rer ses biens immobiliers Ã Paris nâ€™est pas une mince affaire. Entre la gestion administrative, la sÃ©lection des locataires et le suivi des loyers, le temps et lâ€™Ã©nergie requise sont importants. Ã€ cet effet, il est nÃ©cessaire Continuer la lecture
yu4u 2013/09/10
svg

canvas

dataurl
ãƒªãƒ³ã‚¯
SVGãƒ¤ãƒã‚¤ - æœ€é€Ÿãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
canvas ã‚’è‹›ã‚ã¦ã„ãŸã‚‰æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚ï¼ˆã“ã®è¨˜äº‹ã¯2011å¹´5æœˆç¾åœ¨ã®æƒ…å ±ã§ã™ã€‚ã‚ãªãŸãŒã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã‚‹æ™‚ç‚¹ã§ã€ã‚ˆã‚Šæ–°ã—ãã¦è‰¯ã„æ–¹æ³•ãŒç„¡ã„ã‹ç¢ºèªã—ã¦ä¸‹ã•ã„ï¼‰ åŸºæœ¬çš„ãªè©± canvas ã«ã¯ã€å›³å½¢ã‚’æç”»ã™ã‚‹æ©Ÿèƒ½ã ã‘ã§ãªãã€æã‹ã‚Œã¦ã„ã‚‹å†…å®¹ã‚’èªã¿å–ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚getImageData ã‚’ä½¿ã†ã¨ã€canvas ã®å†…å®¹ã‚’ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§èªã¿å–ã£ã¦ç”»åƒå‡¦ç†ã‚’ã‹ã‘ãŸã‚Šã§ãã¾ã™ã€‚ã¾ãŸã€toDataURL ã‚’ä½¿ã†ã¨ canvas ã®å†…å®¹ã‚’ Data URI ã¨ã—ã¦å‡ºåŠ›ã§ãã€ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸã‚Šã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ©Ÿèƒ½ã«ã¯ãƒªã‚¹ã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€æ‚ªæ„ã®ã‚ã‚‹ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸã ã‘ã§ã€ç¤¾å†…SNSã«ã—ã‹å…¬é–‹ã—ã¦ã„ãªã„ã‚ãªãŸã®é¡”å†™çœŸã‚’ canvas çµŒç”±ã§æŠœãå–ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã†ã„ã†äº‹ãŒèµ·ããªã„ã‚ˆã†ã«ã€ä»–ã®ã‚µã‚¤ãƒˆã‹ã‚‰èªã¿è¾¼ã‚“ã ç”»åƒãŒ canvas ã«æç”»ã•ã‚Œã¦ã„ã‚‹å ´åˆï¼ˆä»¥ä¸‹ã€
yu4u 2013/09/05
svg

canvas

capture

æ±šæŸ“
ãƒªãƒ³ã‚¯
GitHub - blueimp/JavaScript-Canvas-to-Blob: JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yu4u 2013/06/07
canvas

javascript

filter

blob

library
ãƒªãƒ³ã‚¯
iOS6ã§ãƒ¡ã‚¬ãƒ”ã‚¯ã‚»ãƒ«ç”»åƒã‚’Canvasã«æç”»ã™ã‚‹ã¨ãŠã‹ã—ããªã£ã¦ã—ã¾ã†ä»¶ã¨ã€ãã®å¯¾å‡¦ - snippets from shinichitomitaâ€™s journal
iOS6ã«ã‚ˆã‚‹ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ã¾ãšæœ€åˆã«ã€iOS6ã«ãŠã„ã¦ã€Safariä¸Šã®Webã‚¢ãƒ—ãƒªã‹ã‚‰ç°¡å˜ã«ã‚«ãƒ¡ãƒ©ï¼†ãƒ•ã‚©ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å†™çœŸã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã„ã¾ã¾ã§ã‚«ãƒ¡ãƒ©ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã«ã¯PhoneGapãªã‚Šä½•ãªã‚Šã§ãƒã‚¤ãƒ†ã‚£ãƒ–åŒ–ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§ã€å†™çœŸå…±æœ‰ã‚µãƒ¼ãƒ“ã‚¹ãªã©ã«ã¯ã‹ãªã‚Šæœ‰ç”¨ãªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§ã™ã€‚ File APIã€HTML Media Capture ã¸ã®å¯¾å¿œ HTML Media Capture ã«å¯¾å¿œã—ã€Safari ã‹ã‚‰ ã‚«ãƒ¡ãƒ©ã‚’èµ·å‹•ã—ã¦ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ type å±žæ€§å€¤ã« file ã‚’æŒ‡å®šã™ã‚Œã°å˜ä½“ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒç°¡å˜ã«ã€‚ ï¼ˆç•¥ï¼‰ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã—ãŸã‚ã¨ã¯ä½•ãŒã§ãã‚‹ã‹... action ã«ã‚ˆã‚‹ Multipart post Ajax ï¼ˆXMLHttpRequest 2ï¼‰ ã‚’ä½¿ç”¨ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«é€ä¿¡ï¼ˆãƒ—ãƒã‚°ãƒ¬ã‚¹è¡¨ç¤ºã«ã‚‚å¯¾å¿œï¼‰ File AP
yu4u 2013/06/06
ios

html5

canvas

camera
ãƒªãƒ³ã‚¯
JSã§ç”»åƒã«è½æ›¸ãã™ã‚‹ - TakiTakeã®æ—¥è¨˜
ç”»åƒãŒä¸€ã¤é£›ã°ã—ã«ãªã‚‹ã®ä¿®æ£ canvasè¦ç´ ã§éŠã¼ã†ã£ã¦ã“ã¨ã§ã€ç”»åƒã«è½æ›¸ãã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆæ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ä½¿ã„æ–¹ windowã®ãƒãƒ¼ãƒ‰ã‚¤ãƒ™ãƒ³ãƒˆå¾Œã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰èªã¿è¾¼ã‚“ã§ä¸‹ã•ã„ã€‚ firebugå…¥ã£ã¦ã„ã‚‹ãªã‚‰ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«è²¼ã‚Šä»˜ã‘ã¦ã€å®Ÿè¡Œã§ãŠï½‹ã€‚ 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;
yu4u 2013/03/14
img

canvas

javascript

drawing
ãƒªãƒ³ã‚¯
canvasè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚
Written by defghi1977@xboxLIVE.ã“ã®æ–‡æ›¸ã¯å…¨ã¦ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ä½œæˆã—ã¦ã„ã¾ã™ï¼Žãˆãƒ¼ã¨ï¼Œãã‚Šã‚ƒã‚‚ã†ã‚´ãƒªã‚´ãƒªã¨ï¼Ž æœ¬æ–‡æ›¸ã¯svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ã®å§‰å¦¹ç‰ˆã¨ã—ã¦ä½œæˆã‚’é–‹å§‹ã—ãŸï¼Žcanvasè¦ç´ ã®ä»•æ§˜ã¯ç¾åœ¨é€²è¡Œä¸ã§è‰²ã€…ã¨å¤‰åŒ–ã—ã¦ã„ã‚‹ãŸã‚ï¼Œä¸€ç‹ç¸„ã§è¡Œã‹ãªã„ãŒå¤§æ–¹ã®apiã«ã¤ã„ã¦æ›¸ãä¸ŠãŒã£ãŸã®ã§å…¬é–‹ã™ã‚‹ï¼ŽãªãŠï¼Œã¾ã ä½¿ãˆãªã„æ©Ÿèƒ½ç‰æº€è¼‰ã ã£ãŸã‚Šï¼Œå†…å®¹ã«é–“é•ã„ãŒã‚ã£ã¦ã‚‚ä¸ã€…æ¤œè¨¼ã™ã‚‹ã“ã¨ãŒã§ããªã„ã®ã§ï¼Œãã®éƒ¨åˆ†ã‚’äº†æ‰¿ã—ãŸä¸Šã§ã”åˆ©ç”¨ä¸‹ã•ã„â€¦ æ›´æ–°å±¥æ´ 2012/07/18 åˆç‰ˆ 1ãƒ»canvasè¦ç´ ã®æ¦‚è¦³ canvasè¦ç´ ã¨ã¯ canvasè¦ç´ ã¯html5ã§æŽ¡ç”¨ã•ã‚ŒãŸwebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã™ã‚‹ãŸã‚ã®æ©Ÿæ§‹ã§ã‚ã‚Šï¼Œwebãƒšãƒ¼ã‚¸ã®æ©Ÿèƒ½æ€§ãƒ»è¦–èªæ€§ãŒé‡è¦è¦–ã•ã‚Œã‚‹æ˜¨ä»Šã§ã¯ï¼Œsvgè¦ç´ ã¨ä¸¦ã³é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ã„ã‚‹ï¼Žã‚‚ã¨ã‚‚ã¨appleç¤¾ãŒè‡ªç¤¾è£½osã®æ©Ÿèƒ½å‘ä¸Šç–ã¨ã—ã¦ï¼ŒåŒ
yu4u 2013/03/11
å‡„ã„ã¨æ€ã£ãŸã‚‰ã€Œsvgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ã€ã®äººã‹â€¦

canvas

web

html5

tips

tutorial
ãƒªãƒ³ã‚¯
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
yu4u 2013/03/04
toDataURLã«é–¢ã—ã¦ "Opera and Safari only supports PNG" ã¨

image

canvas

base64

data
ãƒªãƒ³ã‚¯
SVG OPEN
Offrir des cadeaux clients est une stratÃ©gie marketing incontournable pour fidÃ©liser sa clientÃ¨le et optimiser la visibilitÃ© de son entreprise. Choisir correctement ses objets publicit aires reprÃ©sente un art qui nÃ©cessite rÃ©flexion et discernement. La qualitÃ© du cadeau Continuer la lecture
yu4u 2013/01/31
svg

canvas

capture
ãƒªãƒ³ã‚¯
ã€Ž[JavaScript][Firefox] ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã‚‹ã€
ã§ã‚“ã•ã‚“ã®é–‹ç™ºéƒ¨å±‹ è‡ªåˆ†ãŒã¤ã¾ãšã„ãŸç‚¹ã®è§£æ±ºæ³•ã‚„ã€æŠ€è¡“å‹•å‘ãªã©ã‚’ãƒ¡ãƒ¢æ›¸ãã¨ã—ã¦æ®‹ã—ã¤ã¤ è¦‹ã¦ãã‚ŒãŸäººã®çŸ¥è˜ã¨ã—ã¦å½¹ç«‹ã£ã¦ãã‚Œã‚Œã°ã„ã„ãªã¨åˆ‡ã«é¡˜ã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ ä»Šå›žã¯Firefoxä¸Šã§è¡¨ç¤ºã—ã¦ã„ã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’ä½œæˆã—ã€ PNGãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿å˜ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®æ“ä½œã¯ã€Firefoxã®æ‹¡å¼µæ©Ÿèƒ½ã§ä½œæˆã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ ã¡ãªã¿ã«ã€æ‹¡å¼µæ©Ÿèƒ½ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ã¯ã“ã“ã§ã¯ãµã‚Œã¾ã›ã‚“ã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®å–å¾—ã™ã‚‹æ–¹æ³•ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ canvasã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½¿ã„ã¾ã™ã€‚ ã¾ãšã€htmlã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦canvasã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ var canvas = window._content.document.createElement("canvas"); ã“ã®ä½œæˆã—ãŸcanvasã«å¤§ãã•ã‚’ä¸Žãˆã¾ã™ã€‚ canvas.setAttribute("heig
yu4u 2013/01/31
canvas

svg

capture
ãƒªãƒ³ã‚¯
SVGã‚’Cavnasã§åˆ©ç”¨ã™ã‚‹æ–¹æ³•
ã¨ã„ã†æ›¸ãæ–¹ãŒè¨±ã•ã‚Œã‚‹ã®ã§ã™ãŒã€æ®‹å¿µãªãŒã‚‰Firefoxã‚„Chromeã€Safariã¨ã„ã£ãŸä»–ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã“ã®æ–¹æ³•ã¯å¯¾å¿œã—ã¦ãŠã‚Šã¾ã›ã‚“ï¼ˆãã‚‚ãã‚‚ä»•æ§˜é•åã§ã™ï¼‰ã€‚ã¨ã„ã†ã‚ã‘ã§ã€ã¡ã‚‡ã£ã¨ã²ãã£ãŸæ–¹æ³•ã‚’ä½¿ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <!DOCTYPE html> <html><head><title>SVGã‚’Canvasã§åˆ©ç”¨ã™ã‚‹</title> <script> var svg = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n' + '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' + '<g transf orm="matrix(0.0298614501953125,-0.00541687011718
yu4u 2013/01/30
svg

canvas

convert
ãƒªãƒ³ã‚¯
GitHub - canvg/canvg: JavaScript SVG parser and renderer on Canvas
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yu4u 2013/01/30
canvas

svg

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§JPEGç”»åƒã‚’èªã¿è¾¼ã‚“ã§è¡¨ç¤ºÂ·jpgjs MOONGIFT
jpgjsã¯JavaScriptã«ã‚ˆã‚‹JPEGèªã¿è¾¼ã¿ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ JavaScriptã«ã‚ˆã‚‹ãƒã‚¤ãƒŠãƒªãƒãƒƒã‚¯ã¯ä»ŠãªãŠç†±ã„åˆ†é‡Žã§ã™ã€‚ä»Šå›žã¯JPEGãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£æžã€è¡¨ç¤ºã‚’è¡Œã†jpgjsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å·¦ã‹ã‚‰é †ç•ªã«é€šå¸¸ã®JPEGã€ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã€ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ã¨ãªã£ã¦ã„ã¾ã™ã€‚ jpgjsã§ã¯æŒ‡å®šã—ãŸJPEGãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£æžã—ã€Canvasä¸Šã«æç”»ã—ã¦ã„ã¾ã™ã€‚ç¾çŠ¶ã®ã¾ã¾ã§ã¯æ™®é€šã«è¡¨ç¤ºã—ãŸã®ã¨å¤‰ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¨ãƒ³ã‚³ãƒ¼ãƒ€ãƒ¼ãŒå®Ÿè£…ã•ã‚Œã‚‹ã¨Webä¸Šã§JPEGãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŠ å·¥ã—ãŸã‚Šç”Ÿæˆã—ãŸã‚Šã§ãã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ jpgjsã¯JavaScriptè£½ã€Apache License 2.0ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ Webãƒ–ãƒ©ã‚¦ã‚¶ã§æ‰±ãˆã‚‹ç”»åƒç³»ã®ãƒªã‚½ãƒ¼ã‚¹ã¨ã—ã¦ã¯JPEG/GIF/PNG/SVGãŒã‚ã‚Šã¾ã™ã€‚SVGã‚„Canvasã§æã„ãŸã‚‚ã®ã‚’PNGã§å‡ºåŠ›ã§ã
yu4u 2013/01/28
javascript

js

jpeg

canvas
ãƒªãƒ³ã‚¯
John Resig - OCR and Neural Nets in JavaScript
A pretty amazing piece of JavaScript dropped yesterday and itâ€™s going to take a little bit to digest it all. Itâ€™s a GreaseMonkey script, written by â€˜Shaun Friedleâ€˜, that automatically solves captchas provided by the site Megaupload. Thereâ€™s a demo online if you wish to give it a spin. Now, the captchas provided by the site arenâ€™t very â€œhardâ€ to solve (in fact, theyâ€™re downright bad â€“ some examples
yu4u 2012/06/08
JavaScriptã§OCR

canvas

ocr

javascript
ãƒªãƒ³ã‚¯
Camara support in HTML5 and JavaScript
With the rapid advancement of web techno logies, web developers now have access to a plethora of features once confined to native applications. One such feature is accessing the device's camera directly from the web browser using JavaScript. This capability opens up a world of possibilities for creating interactive and immersive web experiences. Whether you're building a video conferencing app, a p
yu4u 2012/04/26
jquery

webcam

canvas

javascript
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã€‚ãƒ–ãƒ©ã‚·é¢¨å…¥åŠ›ã«ã™ã‚‹ã ã‘ã§ã“ã“ã¾ã§ã‚¹ãƒ ãƒ¼ã‚ºãªçµµãŒæã‘ã‚‹Â·HTML5 Canvas Brush Sketch MOONGIFT
HTML5 Canvas Brush Sketchã¯ãƒžã‚¦ã‚¹ã®å…¥åŠ›ã‚’ãƒ–ãƒ©ã‚·é¢¨ã«ã—ã¦æ»‘ã‚‰ã‹ã«ãƒ‰ãƒãƒ¼ã§ãã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ iPadã‚„Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§çµµã‚’æãéš›ã«è©¦ã—ã¦ã¿ãŸã„ã®ãŒHTML5 Canvas Brush Sketchã§ã™ã€‚å˜ç´”ã«ãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã—ãŸç·šã‚’å¼•ãã®ã§ã¯ãªãã€ãƒ–ãƒ©ã‚·é¢¨ã«æã„ã¦ãã‚Œã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ãƒ©ã‚¤ãƒ³ç‰ˆã€‚æ™®é€šã«ãƒžã‚¦ã‚¹ã®è»Œè·¡ã‚’æãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ãƒ–ãƒ©ã‚·ç‰ˆã€‚ãã£ã¨è‰¯ããªã£ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ã¨è¨€ãˆã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ãŒã€ç›®ã‚’å¡—ã‚Šã¤ã¶ã—ãŸã‚Šã™ã‚‹éš›ã«åŠ¹æžœã‚’ç™ºæ®ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œãªã‚‰å¤±æ•—ã‚’æ°—ã«ã›ãšã•ãã•ãæã‘ãã†ã§ã™ã€‚ HTML5 Canvas Brush Sketchã¯HTML5/JavaScriptè£½ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã›ã‚“ï¼‰ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ Skitchã¨ã„ã†ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ä»Šã¯
yu4u 2012/04/02
html5

canvas

sketch
ãƒªãƒ³ã‚¯
HTML5 + JavaScriptã§ç”»åƒå‡¦ç† (ã‚¨ãƒƒã‚¸æ¤œå‡º) - å¾¡æ‰‹æ´—ç‰¹æ€¥é€”ä¸ä¸‹è»Š
å¤ç±ä¸€æµ©ã®JavaScriptãƒ©ãƒœ â€• ç¬¬14å›žã€€HTML5ã®canvasã§ä½œã‚‹ç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ã‚’èªã‚“ã§ã€Canvasã§ç”»åƒã®è¼åº¦å€¤ã‚’ç·¨é›†ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã£ãŸã®ã§ã€ãŸã‚ã—ã«å®Ÿè£…ã—ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ GUIã‚„ç”»åƒã®ç«¯ã®å‡¦ç†ãªã©ã‹ãªã‚Šæ‰‹æŠœãã ãŒã€Firefoxã€Google Chromeã€Operaã§å‹•ä½œã™ã‚‹ã“ã¨ã‚’ç¢ºèªã—ãŸã€‚ å‡¦ç†ã¯ã‹ãªã‚Šé‡ãã€ç§ã®éžåŠ›ãªãƒžã‚·ãƒ³ã¯å®Ÿè¡Œã™ã‚‹ãŸã³æ‚²ç—›ãªãƒ•ã‚¡ãƒ³ã®éŸ³ã‚’ä¸Šã’ã‚‹ã»ã©ã§ã‚ã‚‹ã€‚ã€‚ã€‚ã§ã‚‚ã—ã‚‡ã†ãŒãªã„ã‚ˆãï¼ˆÂ´ãƒ» Ï‰ãƒ»ï½€ï¼‰ ã¡ãªã¿ã«3ç¨®é¡žã®ãƒ–ãƒ©ã‚¦ã‚¶ã§æœ€ã‚‚å®Ÿè¡Œé€Ÿåº¦ãŒæ—©ã‹ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ã¯Operaã§ã‚ã‚Šã€ã‚‚ã£ã¨ã‚‚é…ã„ãƒ–ãƒ©ã‚¦ã‚¶ã¯FireFoxã ã£ãŸã€‚ HTML5 + JavaScriptã«ã‚ˆã‚‹ã‚¨ãƒƒã‚¸æ¤œå‡º http://jstap.web.fc2.com/test/html5/filtering/filtering.html å®Ÿè¡Œçµæžœ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ 2011/04/24è¿½è¨˜ ä»¥ä¸‹ã¯å¤
yu4u 2012/03/30
canvas

html5
ãƒªãƒ³ã‚¯
Rails3.1ã®åˆæœŸåŒ–ãƒ—ãƒã‚»ã‚¹ã‚’ç´°ã‹ãè¿½ã„ã‹ã‘ãŸRailsGuidesã®è¨˜äº‹ã‚’å’Œè¨³ã—ãŸã‚ˆ:ãƒŸãƒ¼ãƒ ã®æ»éª¸ã‚’è¶Šãˆã¦ã‚†ã‘
This domain may be for sale!
yu4u 2012/02/09
node.js

canvas

html5

javascript

webã‚µãƒ¼ãƒ“ã‚¹

ã‚ã¨ã§ã‚„ã‚‹
ãƒªãƒ³ã‚¯
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
å…ˆæ—¥ã€ãƒ‰ã‚³ãƒ¢ã®Androidç«¯æœ«ã§ã‚ã‚‹ã€ŒGALAXY Sã€ã‚’äºˆç´„ã—ãŸã‚ã‘ã§ã™ãŒã€ãã†ãªã‚‹ã¨æ°—ã«ãªã‚‹ã®ãŒã€ãšãƒ¼ã£ã¨å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦ã€‚ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ç„¡è¦–å‡ºæ¥ãªã„æŠ€è¡“ã§ã‚ã‚‹ã®ã¯èª°ã®ç›®ã«ã‚‚æ˜Žã‚‰ã‹ãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¦ã“ã¨ã§ã€HTML5ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸãƒ¡ãƒ¢ã§ã™ã€‚ HTML5ã®æ¦‚è¦ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€æ¦‚è¦ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5, ãã¡ã‚“ã¨ã€‚ã“ã®è¨˜äº‹ã ã‘ã§ååˆ†ã§ã™ã€‚é•·ãã‚‚ãªãã€æ–‡å—ã‚‚å°‘ãªã„ã®ã§éžå¸¸ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5ä»•æ§˜é–¢é€£ä¸€å¿œã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆHTMLÂ 5 â€• HTMLÂ 4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ (http://www.w3.org/TR/html5-diff/ æ—¥æœ¬èªžè¨³) å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã®ã§ã€ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“ã€‚ åŸºç¤ŽçŸ¥è˜æ¦‚è¦ãŒç†è§£å‡ºæ¥
yu4u 2012/01/31
html5

canvas

ã¾ã¨ã‚

web

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
HTML5 + Canvas + JavaScriptã«ã‚ˆã‚‹Webãƒ™ãƒ¼ã‚¹ã®é¡”èªè˜ã€Œccvã€ | MOONGIFT | ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’ä¸å¿ƒã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°
ccvã¯HTML5ã¨Canvasã‚¿ã‚°ã‚’ä½¿ã£ã¦Webä¸Šã§é¡”èªè˜ã‚’è¡Œã†ã€‚Cè¨€èªžã«ã‚ˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ã‚ã‚‹ã€‚ [/s2If] ccvã¯Webãƒ™ãƒ¼ã‚¹ã¾ãŸã¯Cè¨€èªžè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æœ€è¿‘ã®å†™çœŸç®¡ç†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®æµè¡Œã¨ã—ã¦é¡”èªè˜ãŒã‚ã‚‹ã€‚ãƒ‡ã‚¸ã‚«ãƒ¡ã‚„ãƒ—ãƒªãƒ³ã‚¿ã§ã‚‚é¡”èªè˜æ©Ÿèƒ½ã‚’æè¼‰ã—ã€è‡ªå‹•çš„ã«æ˜Žã‚‹ãã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚‹ã€‚é¢¨æ™¯å†™çœŸãªã©ã‚‚è‰¯ã„ãŒã€ã‚„ã¯ã‚ŠäººãŒå†™ã£ã¦ã„ã‚‹å†™çœŸã®ãŒæ¥½ã—ã„ã®ã ã€‚ ãã‚“ãªé¡”èªè˜æŠ€è¡“ã¯Webãƒ™ãƒ¼ã‚¹ã§ã‚‚æä¾›ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ç‰¹ã«Facebookã®ã‚ˆã†ã«SNSã®ä¸ã§ä½¿ã†å ´åˆã¯å‹äººã‚’è‡ªå‹•èªè˜ã•ã›ã‚‹ã“ã¨ã§ã‚ˆã‚Šæ´»ç™ºãªäº¤æµã‚’ä¿ƒã›ã‚‹ã®ã ã€‚Webãƒ™ãƒ¼ã‚¹ã§ã®é¡”èªè˜ã‚’HTML5/Canvasã§è¡Œã†ã®ãŒccvã ã€‚ å®Ÿè¡Œä¾‹ via Tibetan Girl near Mount Everest | Flickr - Photo Sharing! ccvã¯å…ƒã€…Cè¨€èªžã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ§ãƒ³ãƒ©
yu4u 2012/01/31
canvas

javascript

html5

cv
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸