Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Rolling with Ruby on Rails
Introducing the AI Academy Help your entire org put GenAI to work Every employee today needs to know how to prompt GenAI, use it to enhance critical thinking and productivity, and more. With the AI Academy they can. For less. O’Reilly AI-powered Answers just got even smarter O’Reilly Answers instantly generates information teams can trust, sourced from thousands of titles on our learning platform.
SVG filterを使ã£ã¦å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’ゲームボーイ風ã«ã™ã‚‹Greasemonkey - è´ã耳をæŒãŸãªã„(片方ã—ã‹)
ゲームミュージックã¨ç”Ÿå˜ç¢ºèªã‚’ã‹ããŸç”»æœŸçš„ãª: svgã®filterを使ã£ã¦ãƒ‰ãƒƒãƒˆéšŽèª¿ã£ã½ã„効果をã¤ã‘ã‚‹ ãŒã‹ã£ã“よã‹ã£ãŸã®ã§ã€ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ã“ã‚“ãªGreasemonkeyを作ã£ã¦ã¿ã¾ã—ãŸã€‚ å…¨ã¦ã®ã‚¦ã‚§ãƒ–サイトをゲームボーイ風ã«ã™ã‚‹Greasemonkey インストールã¯ã“ã¡ã‚‰ã‹ã‚‰ http://userscripts.org/scripts/show/138971 ã“ã®Greasemonkeyをインストールã™ã‚‹ã¨ã€ç”»é¢å·¦ä¸Šã«ã“ã†ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãれをクリックã™ã‚‹ã¨ã€é–²è¦§ã—ã¦ã„るウェブサイトãŒã‚²ãƒ¼ãƒ ボーイã®ã‚ˆã†ãªãƒ‰ãƒƒãƒˆçµµé¢¨ã®ç”»é¢ã«ãªã‚Šã¾ã™ã€‚ アイコンをもã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å…ƒã«æˆ»ã‚Šã¾ã™ã€‚ 利用上ã®æ³¨æ„点 普通ã®Greasemonkeyã¯Google Chromeãªã©ã§ã‚‚使ãˆã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã¯CSSã§SVG filterを利用ã—ã¦ã„ã‚‹ã®ã§2012å¹´7月ç¾åœ¨ Firefoxã®ã¿å¯¾å¿œ
SVGã‚’objectè¦ç´ ã§æ´»ç”¨ã™ã‚‹ | 水無月ã°ã‘らã®ãˆã³æ—¥è¨˜
æ›´æ–°: 2012å¹´2月24æ—¥23時20åˆ†é ƒ SVGã¨ã„ã†ã‚‚ã®ã¯ãšã£ã¨æ˜”ã‹ã‚‰ã‚ã‚Šã¾ã—ãŸã€‚ã‹ã¤ã¦ã¯ãƒ–ラウザå´ã®å¯¾å¿œãŒã„ã¾ã„ã¡ã§ã€ãƒ—ラグインを入れãŸã‚Šã—ãªã„ã¨è¡¨ç¤ºã§ããªã‹ã£ãŸã‚Šã‚‚ã—ã¦ãŠã‚Šã€ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—IE9ãŒSVGã«å¯¾å¿œã—ãŸã“ã¨ã§ã€ã‹ãªã‚Šä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚最近ã§ã¯ä»•äº‹ã§ã‚‚ガãƒã§SVGを使ã†ã“ã¨ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ SVGã®ç‰¹é•·ã®ã²ã¨ã¤ã¯ã€ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãªã®ã§ä¼¸ã³ç¸®ã¿ã«å¼·ã„ã¨ã„ã†ç‚¹ã§ã™ã€‚サイズå¯å¤‰ã®é ˜åŸŸã«ã†ã¾ã„å…·åˆã«èƒŒæ™¯ã‚’æ•·ããŸã„ã¨ãã«ã¯ä¾¿åˆ©ã§ã™ã€‚ãã—ã¦ã€æœ€è¿‘ã¯ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„全体ãŒã‚µã‚¤ã‚ºå¯å¤‰ã¨ã„ã†ã“ã¨ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ã¨ã„ã†ã‹å…ƒã€…å¯å¤‰ã§ã¯ã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€Media Queries (www.w3.org)を使ã£ãŸæ´¾æ‰‹ãªå¤‰æ›´ã‚’ä¼´ã†ãƒ‘ターンãŒå¢—ãˆã¦ãã¦ã€ç”»åƒã®ã‚µã‚¤ã‚ºã‚’大幅ã«å¤‰æ›´ã—ãŸã„ケースãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ 写真ãªã©ã¯JPEGç”»åƒã‚’拡大・縮å°
2009-06-18
動作確èªOSã¯ã€Solaris 9ã§ã‚る。 æ¦‚è¦ å…¬å¼ã‚µã‚¤ãƒˆ http://xmlgraphics.apache.org/batik/ 日本語版ドã‚ュメント http://jpfop.sourceforge.net/jaxml-batik/html-docs/ Batikã¯Java技術ã«åŸºã¥ãã€SVGフォーマットã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã€è¡¨ç¤ºã™ã‚‹ã€ç”Ÿæˆã™ã‚‹ã€å¤‰æ›ã™ã‚‹ã€ã‚ã‚‹ã„ã¯æ“作ã™ã‚‹ã¨ã„ã£ãŸæ§˜ã€…ãªç›®çš„ã§åˆ©ç”¨ã™ã‚‹ã€ã‚¢ãƒ—リケーションã®ãŸã‚ã®ãƒ„ールã‚ットã§ã‚る。 ã“ã“ã§ã¯ã€SVGファイルã‹ã‚‰PNG/JPEGファイルã¸ã®ãƒ©ã‚¹ã‚¿ãƒ©ã‚¤ã‚ºã®ãŸã‚ã®ã‚³ãƒžãƒ³ãƒ‰ã®ä½¿ç”¨æ–¹æ³•ã€åŠã³ã€Javaプãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã®Image Transcoderã®å‘¼ã³å‡ºã—方法ã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ インストールã¨å•é¡Œç‚¹ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–を展開ã—ã¦é…å‚™ã™ã‚‹ã ã‘。ãŸã ã—ã€Batikã®zipファイルを解å‡ã™ã‚‹ã®ã«unzipユーティリティを使用ã—ãªã„ã“ã¨ã€‚ã“
æ–‡å—ã‚’JavaScriptã§ç”»åƒã®ã‚ˆã†ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹Â·typeface.js MOONGIFT
Webサイトを見ã¦ã„ã‚‹ã¨ã€æ–‡å—ã‚’ç”»åƒã«ç½®ãæ›ãˆãŸã‚µã‚¤ãƒˆã‚’見るã“ã¨ãŒã‚る。æ€ã„æã„ã¦ã„る見ã›æ–¹ã‚’ãã®ã¾ã¾è¡¨ç¤ºã•ã›ãŸã„ã¨ããªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é‡è¦–ã™ã‚‹ã‚µã‚¤ãƒˆã§ã‚ˆã見られる工夫ã 。ã—ã‹ã—å•é¡Œã¯ãã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®æ‚ªã•ã ã‚ã†ã€‚ 奇麗ã«æ–‡å—ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ ãã‚Œã«é©åˆ‡ã«èª¬æ˜Žæ–‡ã‚’入れã¦ãŠã‹ãªã„ã¨æ–‡å—èªã¿ä¸Šã’ブラウザãªã©ã§ã¯ä½•ã‚‚æƒ…å ±ãŒå¾—られãªããªã£ã¦ã—ã¾ã†ã€‚ãã†ã—ãŸç…©é›‘ã•ã‹ã‚‰è§£æ”¾ã•ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリãŒã“ã‚Œã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯typeface.jsã€æ–‡å—ã‚’SVGç”»åƒã«å¤‰æ›ã™ã‚‹JavaScriptライブラリã 。 typeface.jsã¯æŒ‡å®šã—ãŸæ–‡å—ã‚’ãã®ã¾ã¾canvasタグを使ã£ãŸSVGç”»åƒã«å¤‰æ›ã™ã‚‹ã€‚CSSを使ã£ã¦æ–‡å—装飾を行ã†ã“ã¨ãŒã§ãã€å¤ªå—/イタリック/色変更を変更ã§ãる。他ã«ã‚‚font-stretch（横幅）ã€æ–‡å—é–“éš”ã€è¡Œã®é«˜ã•ãªã©ã‚’指定ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã 。 é¸æŠžã™ã‚‹ã¨æ–‡å—å…¨
パーツ引ã2000JISæ¼¢å—å—å…¸ãŒæ¬²ã—ã„ã®ã ã‘ã‚Œã©
《Alternative Views》 2002å¹´7月6æ—¥åˆå‡ºã€2005å¹´12月4æ—¥SVGä¿®æ£ ãƒ‘ãƒ¼ãƒ„å¼•ã2000JISæ¼¢å—å—å…¸ãŒæ¬²ã—ã„ã®ã ã‘れ㩠内田明 <uchida@happy.email.ne.jp> æ´»å—ã®åˆ¶ä½œã¨ãƒ‘ーツ引ãå—書 例ãˆã°ã€Œæ—¥ã€ã¨ã€Œæœˆã€ã‹ã‚‰ã€Œæ˜Žã€ã¨ã„ã†å—ãŒæˆã‚Šç«‹ã¤ãªã©ã€æ•°ä¸‡ç¨®å˜åœ¨ã™ã‚‹ã¨è¨€ã‚れる漢å—ã®å¤šãã¯ã€å・æ—ãƒ»å† ãƒ»è„šãªã©ã®ãƒ‘ーツã®çµ„åˆã›ã«ã‚ˆã£ã¦ç”Ÿã¿å‡ºã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚パーツã®çµ„åˆã‚ã•ã‚Šæ–¹ãŒã€ä¼šæ„ã€å½¢å£°ãªã©ã«åˆ†é¡žã•ã‚Œã‚‹ã¨å›½èªžã¾ãŸã¯æ—¥æœ¬èªžã®æŽˆæ¥ã§ç¿’ã£ãŸè¨˜æ†¶ã‚’ãŠæŒã¡ã®æ–¹ã‚‚多ã„ã“ã¨ã§ã—ょã†ã€‚ å°åˆ·ã¨æ´»å—ã®æ´å²ã‚’扱ã£ãŸæœ¬ã«ã‚ˆã‚‹ã¨ã€é‡‘属活å—ã«ã‚ˆã‚‹å°åˆ·è¡“を産æ¥åŒ–ã—よã†ã¨ã„ã†è©¦ã¿ã®æ—©ã„段階ã§ã€ã€ŒåŠè§’ã®æ—¥ã€æ´»å—ã¨ã€ŒåŠè§’ã®æœˆã€æ´»å—ã®çµ„åˆã›ã§ã€Œå…¨è§’ã®æ˜Žã€ã‚’å°åˆ·ã™ã‚‹ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ ――分åˆæ´»å—――ãŒä½œã‚‰ã‚Œã¦ã„ãŸãã†ã§ã™ã€‚ã“ã†ã—ãŸæ´»å—を用ã„ã‚Œã°ã€æ€ã„ã®ã»ã‹å°‘ãªã„“åŠè§’æ´»å—â€ã§ã€å¤šãã®â€œå…¨è§’æ¼¢å—
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}