WordPressããã¼ã«ã«ã§æ§ç¯ããéãè¤æ°ã®Mac/PCã§åæã«é²ããããè¤æ°ã®äººãé¢ãã£ã¦ä½ãããã®æ¹æ³ã§ãã æåã®é ã¯ç»åãã¢ãããã¼ããããããªãã©ãcssæ¸ãæãâãã©ã¦ã¶åèªã¿è¾¼ã¿ã¨ããä½æ¥ãªã®ã§ããã¡ãã¡ãããå´ã§ããã¨æéãããã£ã¦ãã¾ãã¾ãã MAMPã¨SugarSyncãå©ç¨ãã¦ãèªå® ã¨å¤ã§ä½¿ãäºå°ã®Macã§åæãã¨ããªãããã¼ã«ã«ã§ã¯ã¼ããã¬ã¹ä½æ¥ããã¦ãã¾ãã MAMPã®ã¤ã³ã¹ãã¼ã« MAMPï¼http://www.mamp.info/en/index.html Macã§ApacheãMySQLãPHPã®ç°å¢ãæ´ããããã®ã½ããã§ãã æ§æã¯ã以ä¸ã®åçã®ããã«ãªã£ã¦ãã¾ãã 主ã«ã MAMPã®ã¢ããªã±ã¼ã·ã§ã³æ¬ä½ã®ã¢ã¤ã³ã³ ApacheãMySQLãªã©æ´»èºãããã¡ã¤ã«é¡ dbãã©ã«ããhtdocsãã©ã«ã ãªã©ã§ãããåæ©ãå¿ è¦ãªã®ã¯ã3çªç®ã®dbãã©ã«ãã¨h
æ§æ context . font [ = value ] ç¾å¨ã®ãã©ã³ãè¨å®ãè¿ãã¾ãã å¤ãã»ãããã¦ãã©ã³ããå¤æ´ãããã¨ãã§ãã¾ãããã®æ§æã¯ãCSS ã® 'font' ããããã£ã¨åãã§ããCSS ãã©ã³ãå¤ã¨ãã¦æ§æ解æã§ããªãå¤ã¯ç¡è¦ããã¾ãã é¢é£ãã¼ã¯ã¼ãã¨é·ãã¯ãcanvas è¦ç´ ã®ãã©ã³ãã«å¯¾ãã¦ç®åºããã¾ãã ä»æ§ font IDL å±æ§ã¯ãå¤ãã»ãããããã¨ãCSSã® 'font' ããããã£ã¨åãããã«è§£éãããªããã°ããã¾ããï¼ãã ãã'inherit'ã®ãããªããããã£éä¾åã®ã¹ã¿ã¤ã«ã·ã¼ãæ§æã¯ãµãã¼ãããã¾ãããï¼ããã®çµæããã©ã³ãã¯ã'normal' ã«å¼·å¶ããã 'line-height' ã³ã³ãã¼ãã³ãã§ãããã¦ãCSS ãã¯ã»ã«ã«å¤æããã 'font-size' ã³ã³ãã¼ãã³ãã§ãããã¦ãæ示çãªå¤ã«ç®åºããã¦ããã·ã¹ãã ãã©ã³ãã§ãã³ã³ãã
canvasã«æããããã¼ã¿ãåå¾ããã«ã¯ãcanvas.toDataURL() ã使ãã¾ãã toDataURL()ã§å¾ãããã®ã¯ãbase64ã¨ã³ã³ã¼ããããç»åæ å ±ãªã®ã§ã ããããµã¼ãã«éã£ã¦ãbase64ãã³ã¼ããã¦ä¿åã¨ããæµãã§ãã toDataURL()ãã¦ããã®ãã¼ã¿ãPOSTããé¨åã®javascript (ajaxé¨åãé¢åãªã®ã§ãprototype.jsã使ç¨) function saveImage() { var imgdata = $('canvas_id').toDataURL(); // ããã©ã«ãã ã¨png, å¼æ°ã§jpegã¨ããå¯è½ imgdata = imgdata.replace('data:image/png;base64,', ''); // é ã®ãããªãé¨åãè½ã¨ã new Ajax.Request(<ç»åä¿åCGIã®URL>, { param
Canvasã§ã¯ãJPEGãPNGã¨ãã£ããã©ã¦ã¶ã«å¯¾å¿ããç»åã§ããã°ããããçµã¿è¾¼ããã¨ãã§ãã¾ãããã®ã³ã¼ãã¼ã§ã¯ãç»åã®çµã¿è¾¼ã¿æ¹æ³ã¨ãããã¤ãã®ãªãã·ã§ã³æ©è½ã«ã¤ãã¦ç´¹ä»ãã¦ããã¾ãã ç»åçµã¿è¾¼ã¿ã®åºæ¬ Canvasã§ç»åãçµã¿è¾¼ãããã«ã¯ãdrawImageã¡ã½ããã使ãã¾ããä¸ããå¼æ°ã«å¿ãã¦ãæç»ããç»åã®æ±ãæ¹ãéã£ã¦ãã¾ãã ctx.drawImage(image, dx, dy) ctx.drawImage(image, dx, dy, dw, dh) Canvasã®åº§æ¨ (dx, dy) ãå·¦ä¸ç«¯ã¨ãã¦ãimage ã«æ ¼ç´ãããImageãªãã¸ã§ã¯ããæç»ãã¾ããdw 㨠dh ãæå®ãããã¨ãç»åã¯ãdw ãæ¨ªå¹ ãdh ãç¸¦å¹ ã¨ãããµã¤ãºã«ä¼¸ç¸®ããã¾ãã ctx.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) å
æ§æ metrics = context . measureText(text) ç¾å¨ã®ãã©ã³ãã«ãããæå®ããã¹ãã®é·ããæã£ã TextMetrics ãªãã¸ã§ã¯ããè¿ãã¾ãã metrics . width measureText() ã¡ã½ããã«å¼ã渡ããããã¹ãã®å¹ ãåãã£ã¦è¿ãã¾ãã ä»æ§ measureText() ã¡ã½ããã«ã¯ãã²ã¨ã¤ã®å¼æ° text ãä¸ãã¾ãããã®ã¡ã½ãããå¼ã³åºãããã¨ãã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã¯ãã¹ã¦ã®ç©ºç½æåã U+0020 SPACE æåã«ç½®ãæããªããã°ããã¾ããããããããããã¹ã text ãå ¥ã£ãã²ã¨ã¤ã®ã¤ã³ã©ã¤ã³ã»ããã¯ã¹ãå ¥ãããç¡éã«å¹ ãåºãä»®æ³ã® CSS ã©ã¤ã³ã»ããã¯ã¹ãå½¢æãã¾ãããã® CSS ã©ã¤ã³ã»ããã¯ã¹ã¯ããã¹ã¦ã®ããããã£ã«åæå¤ãæã¡ã¾ãããã ããã³ã³ããã¹ãã®ç¾å¨ã®ãã©ã³ãã«ã»ããããã¦ããã¤ã³ã©ã¤ã³è¦ç´ ã® 'fon
canvasãPNGã«å¤æãã¦imgè¦ç´ ã§è¡¨ç¤º data: url ã®ä¸èº« canvasãJPEGã«å¤æãã¦imgè¦ç´ ã§è¡¨ç¤º data: url ã®ä¸èº« ã³ã¼ã /* canvasã«èµ¤è²ã®ç©å½¢ãæç»ãã */ ctx.fillStyle = "rgb(200, 0, 0)"; ctx.fillRect(20, 30, 60, 40); /* canvasã®æç»çµæãPNGã§åãåºãimgè¦ç´ ã«ã»ãã */ try { var img_png_src = canvas.toDataURL(); document.getElementById("image_png").src = img_png_src; document.getElementById("data_url_png").firstChild.nodeValue = img_png_src; } catch(e) { docume
ãã¬ã¼ã·ã¢ã®æ ¼å®èªç©ºä¼ç¤¾ï¼LCCï¼ãã¨ã¢ã¢ã¸ã¢Xã¯2011å¹´8æ10æ¥ãé¢è¥¿ç©ºæ¸¯ã¨ã¯ã¢ã©ã«ã³ãã¼ã«ãçµã¶è·¯ç·ã11æ30æ¥ã«éè¨ããã¨çºè¡¨ãããå社ã®æ¥æ¬ä¹ãå ¥ãã¯10å¹´12æã®ç¾½ç°è·¯ç·ã«ç¶ãã¦2è·¯ç·ç®ãé¢ç©ºç·ã¯é±4便éèªããã å°±èªè¨å¿µéè³ã¨ãã¦ãã¨ã³ããã¼å¸ã®1ï½2å²ç¨åº¦ãããµã³ãã¥ã¼é¢è¥¿ããããã£ãçé3931åï¼ç©ºæ¸¯ç¨ãªã©ãå«ããã¨ç·é¡8081åï¼ã§å£²ãåºãã
ææ¥æ°èã®ãä¸å³¶ããã®æããæ©ã¿ç¸è«å®¤ãã«ãããã¨ããããããããç¼ãã¦å³åãã¤ãã¦é£ã¹ãã¨æ»ã¬ã¨èãããæ¬å½ããã¨ãã主æ¨ã®ç¸è«ãå¯ããããããã§ããããã«å¯¾ããããæ°ã®çãã¯ä»¥ä¸ã®ãããªãã®ã§ããã ãã»ã»ãç¼ããããããã«å³åãã¤ãã¦é£ã¹ãã¨æ»ã¬ãã¨ããã®ã¯æ¬å½ã§ããã»ã»ã»åã®å人ã®å»è ã®è©±ã§ãããã¯ããã®å®ä¾ãè¦ãããã§ãããã®æ£è ããã¯ä»å¹´ä¹å «æ³ã«ãªããããããã§ãããä¸äºã®æã«ç¼ããããããã«å³åãã¤ãã¦é£ã¹ãã®ãæããã§ãªããªã£ãããã§ããã ã¨ããã話ã ãã®è©±ãèªãã§ãããã§ããå³åãããããã£ã¦ãæããªããã¨âæ¬æ°ã§âæã£ã人ã¯ãæ å ±ãå¤æããè½åã«åé¡ãããã®ã§ãããä¸ã§æ å ±ã®æ¡æ£ã¯ããã¾ãããã ããªãã«ã¯æ å ±ã®çå½ãè¦æ¥µããè½åã¯ããã¾ããããããã¨æã£ãè¡çºã§å¤ãã®äººãè¿·æãã¦ãã¾ãã
ãããã£ã¼ã« ãã«ã³ ããªã¼ã©ã¤ã¿ã¼ï¼BLç 究家ãã£ã¦ã¾ãããä»äºã®ãä¾é ¼ããã¿ã®ã¿ã¬ã³ãã¯ã¡ã¼ã«ãã¾ãã¯twitterãã¦ã«ãæ°è»½ã«ããä»äºã«ã¤ãã¦è©³ããã¯ãã¡ãã ã¡ã¼ã«ã¢ãã¬ã¹ã¯ma-cafe@hotmail.co.jp æ¸ãã¦ãã人ã®ãã¨ããªãã¨ãªããããè¨äºâ çãã¦ããä¸ã§ã¾ã£ããç¥ãå¿ è¦ã®ãªããã¼ã¤ãºã©ãã®ææ°äºæ ã¾ã¨ã ããã«åã¾ããã¨æã£ã¦ããèè ¹ã®å·ããã¨ãã§ããªãç æ°ã ã£ã話 ããã¹ã®çåæ§ã¯18å¹´ã§ã©ãã ãã¤ã³ãã¬ããã®ã ã¨ãã¨ãä¹å¥³ã²ã¼ãããã¾ã§ãããâ¦â¦ã¨æããé ãæ±ãã¦ãã¾ããããªãã²ã¼ã ãæ¬æ¥ã¯ãç´¹ä»ãããã¨æãã¾ãã å ã«ã©ããªã²ã¼ã ãè¨ã£ã¦ããã¨ã鳩ï¼ããï¼ãæ»ç¥ããä¹å¥³ã²ã¼ã§ãã â¦â¦ã 鳩ãã§ãã ããæ¸ãã¨ããåç©ã®æ¬äººåææã²ã¼ã ãªãã¦ããããããããããã¨æãããããããã¾ãããããã®ã²ã¼ã ã¯ä¸å³éãã¾ãã æ¬äººåãªã©ã¨ããè»å¼±ãªä»æ§ã¯ãã®ã²
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}