[B! svg] cpwã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cpw id:cpw

svgã«é–¢ã™ã‚‹cpwã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

${{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}}

ã¤ã„ã«ã€Webã‚¢ãƒ—ãƒªã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç·¨ã¿å‡ºã—ã¾ã—ãŸ
ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸæ‰‹é †ã‚’ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåŒ–ã—ã¦å…¬é–‹ã—ã¾ã—ãŸðŸŽ‰ ã“ã¡ã‚‰ã®åˆ¥è¨˜äº‹ ã§ä½¿ã„æ–¹ãªã©è©³ã—ãã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã®ã§ã€ãœã²ã”å‚ç…§ãã ã•ã„ï¼ 2024/05/07 è¿½è¨˜ æœ€æ–°ã®ç™»å£‡ã‚¹ãƒ©ã‚¤ãƒ‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã“ã¡ã‚‰ã§ã™ã€‚ ç™»å£‡æ™‚ã®æ§˜åãŒYouTubeã«ä¸ŠãŒã£ã¦ã„ã‚‹ã®ã§ã‚ˆã‚ã—ã‘ã‚Œã°ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ ã¯ã˜ã‚ã« è¨€ã„åˆ‡ã‚Šã‚¿ã‚¤ãƒˆãƒ«ã™ã¿ã¾ã›ã‚“ åƒ•ã‚’å«ã‚€ä¸€å®šæ•°ã®äººã«ã¨ã£ã¦ç¾æ™‚ç‚¹ã§ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ãªã‚Šã†ã‚‹æ‰‹æ³•ã¨ã„ã†æ„å‘³ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ æ¥µã‚ã¦ã‚·ãƒ“ã‚¢ãªå¸³ç¥¨å‡ºåŠ›ã®ä¸–ç•Œã«ã„ã‚‹äººã‹ã‚‰è¦‹ã‚‹ã¨ä½¿ã„ç‰©ã«ãªã‚‰ãªã„å†…å®¹ã‹ã‚‚ã—ã‚Œãªã„ã¨æ€ã„ã¾ã™ å¸³ç¥¨å°åˆ·ã®ä¸–ç•Œã§ã¯ SVF ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒæœ‰åã‚‰ã—ã„ã§ã™ã€‚ãŒã€ã“ã†ã„ã£ãŸå¤–éƒ¨ã‚µãƒ¼ãƒ“ã‚¹ã¯ä½¿ã‚ãšã«è‡ªåŠ›ã§å®Ÿè£…ã™ã‚‹ã¨ã„ã†ã®ãŒã“ã®è¨˜äº‹ã®å‰æã§ã™ å‹•çš„ã«æ˜Žç´°è¡Œã®æ•°ãŒå¢—æ¸›ã™ã‚‹é€£ç¥¨ã¯ã“ã®è¨˜äº‹ã®è§£èª¬ã§ã¯è€ƒæ…®ã—ã¦ã„ã¾ã›ã‚“ãŒã€è¿½åŠ ã§å®Ÿè£…ã™ã‚‹ã®ã¯ãã‚Œã»ã©é›£ã—ããªã„ã¨ã„ã†ã“ã¨ã¯èªã‚“ã§ã„ãŸã ã‘ã‚Œã°åˆ†ã‹ã‚‹ã‹ãª
cpw 2022/05/18
pdf

svg

å°åˆ·
ãƒªãƒ³ã‚¯
ã¤ã„ã«ã€Webã‚¢ãƒ—ãƒªã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç·¨ã¿å‡ºã—ã¾ã—ãŸðŸ’¡
PHPã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 2021 1é€±é–“å‰ã‚¤ãƒ™ãƒ³ãƒˆ ã€œ å¸°ã£ã¦ããŸPHPå‹‰å¼·ä¼š@æ±äº¬ ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://phpcon.connpass.com/event/224128/
cpw 2021/09/25
svg

å°åˆ·

pdf
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã‚‚ã¾ã‚‹ã”ã¨ã‚ãƒ£ãƒ—ãƒãƒ£ã—ã¦SVGã§å‡ºåŠ›ã™ã‚‹Chromeã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆæ‹¡å¼µã‚’ã¤ãã‚Šã¾ã—ãŸ - #daiizãƒ¡ãƒ¢
é–²è¦§ã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®é¸æŠžã•ã‚ŒãŸç¯„å›²ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ã¦SVGå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹Chrome æ‹¡å¼µæ©Ÿèƒ½ã‚’ã¤ãã‚Šã¾ã—ãŸï¼ŽSVGã§å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚ï¼Œæ™®é€šã®PNGã‚„JPGã¨æ¯”ã¹ã‚‹ã¨ï¼Œä»¥ä¸‹ã®ã‚ˆã†ãªå°‘ã—ã ã‘é«˜åº¦ãªã“ã¨ãŒã§ãã¾ã™ï¼Ž ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ãŸãƒšãƒ¼ã‚¸ã®URLã‚’<svg>ã®dataå±žæ€§ã¨ã—ã¦ä¿æŒã§ãã‚‹ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ç¯„å›²å†…ã®ãƒªãƒ³ã‚¯ã‚’ãã®ã¾ã¾æ®‹ã™ã“ã¨ãŒã§ãã‚‹ï¼Ž ãƒšãƒ¼ã‚¸ä¸ã®<a>ã®ä½ç½®ã«ï¼Œå¤–éƒ¨ãƒšãƒ¼ã‚¸ãƒ˜ã®ãƒªãƒ³ã‚¯ã‚’æŒã¤<rect>ã‚’æŒ¿å…¥ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒªãƒ³ã‚¯å…ˆã®ãƒšãƒ¼ã‚¸ãŒé–‹ãã¾ã™ï¼Ž ãƒ–ãƒ©ã‚¦ã‚¶ã§é€šå¸¸ãƒªãƒ³ã‚¯ã¨åŒã˜ã‚ˆã†ã«æ‰±ã‚ã‚Œã‚‹ãŸã‚ï¼Œrectã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨Chromeã®å·¦ä¸‹ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹URLãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ï¼Œç§»å‹•å…ˆã‚‚ã—ã£ã‹ã‚Šç¢ºèªã§ãã¾ã™ï¼Ž ã¾ã ã‹ãªã‚Šè’ã„ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã™ãŒï¼ŒGitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒãƒ¼ãƒ³ã—ã¦ï¼Œãã®ã¾ã¾Chromeã®æ‹¡å¼µæ©Ÿèƒ½ç®¡ç†ãƒšãƒ¼ã‚¸ã‹ã‚‰èªã¿
cpw 2016/04/07
ã©ã†ã‚„ã£ã¦ã‚‹ã‚“ã ï¼ã¨æ€ã£ãŸã‚‰ã€pngã‚’svgã«åŸ‹ã‚è¾¼ã‚“ã§ã‚‹ã®ã‹ã€‚ãã®ä¸Šã§ã€ãƒªãƒ³ã‚¯ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’å–å¾—ã—ã¦ãã“ã«rectã§ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã›ã€aã‚¿ã‚°ã§å›²ã‚€ã€‚ä½•ãŒè‰¯ã„ã‹ã¨ã„ã†ã¨ã€aã‚¿ã‚°ãŒåŸ‹ã‚è¾¼ã‚ã‚‹ã¨ã“ã‚ã§ã™ãã€‚

svg

chrome
ãƒªãƒ³ã‚¯
Visualizing Concurrency in Go Â· divan's blog
If you prefer video over blog posts, here is my talk on this at GopherCon 2016: https://www.youtube.com/watch?v=KyuFeiG3Y60 One of the strongest sides of Go programming language is a built-in concurrency based on Tony Hoareâ€™s CSP paper. Go is designed with concurrency in mind and allows us to build complex concurrent pipelines. But have you ever wondered - how various concurrency patterns look lik
cpw 2016/01/28
SVG

golang

visualization
ãƒªãƒ³ã‚¯
flowchart.js
st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... para=>parallel: parallel tasks in=>input: some in out=>output: some out st->op1->cond cond(yes)->io->e cond(no)->para para(path1, bottom)->sub1(right)->op1 para(path2, top)->o
cpw 2015/12/18
SVG

javascript

Chart
ãƒªãƒ³ã‚¯
ä½œå›³ç³»ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
diag.md ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãã‚Œç³»ã®ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ GraphViz http://www.graphviz.org/ Cè£½ Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ãƒ–ãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© å‡ºåŠ›å¯èƒ½å½¢å¼ä¸€è¦§ JavaScriptï¼ˆEmscriptenï¼‰ç‰ˆã‚‚ã‚ã‚‹ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å‡ºæ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Javaè£½ ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³, ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹å›³, ã‚¯ãƒ©ã‚¹å›³, ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£å›³, ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå›³, ã‚¹ãƒ†ãƒ¼ãƒˆå›³, ãƒ‡ãƒ—ãƒã‚¤å›³, ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå›³ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“ä½œã‚Œã‚‹ PNG, SVG, LaTeX, ASCIIå‡ºåŠ› ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚‚ä½œã‚Œã‚‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‹ã‚‚å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ ã‚ª
cpw 2015/10/18
javascript

diagram

svg

blockdiag

graphviz
ãƒªãƒ³ã‚¯
A JavaScript framework for building fantastic SVG widgets - Svidget.js
Build fantastic visual SVG Widgets. Svidget.js is a JavaScript framework for creating immersive and fully interactive SVG widgets. By componentizing your data visualizations as widgets, you can quickly and easily embed them on any website while keeping a clean separation between SVG and HTML. Svidget.js is no longer being maintained, and has been archived. You can still use it, but it is recommend
cpw 2015/04/07
svg

Javascript
ãƒªãƒ³ã‚¯
SVGã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã„ã‚ã„ã‚
SVGã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã„ã‚ã„ã‚SVGï¼ˆScala ble Vector Graphicsï¼‰ã¯Illustratorã§ä½œæˆã—ãŸã‚ˆã†ãªãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æŠ€è¡“ã€‚é«˜è§£åƒåº¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§ã‚‚ãã£ãã‚Šã¯ã£ãã‚Šè¡¨ç¤ºã§ãã‚‹ã®ã§ã€è¿‘å¹´æµ·å¤–ã‚µã‚¤ãƒˆã‚’ä¸å¿ƒã«è¦‹ã‹ã‘ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚SVGã«ã¤ã„ã¦ã¯Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã§ã‚‚ä½•åº¦ã‹å–ã‚Šä¸Šã’ã¦ããŸã®ã§ã€è€³ã«ã—ãŸã“ã¨ã®ã‚ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªSVGã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®ä¾¿åˆ©ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚„JavaScriptãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ SVG ã£ã¦ãªã‚“ãžã‚„ï¼Ÿã¨ã„ã†æ–¹ã¯ã€éŽåŽ»è¨˜äº‹ã€Œã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰ SVG ã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’è¡¨ç¤ºã—ã‚ˆã†ã€ã‚’ã”è¦§ãã ã•ã„ï¼ ãƒ©ã‚¹ã‚¿ãƒ¼ç”»åƒã‚’ SVG ã«å¤‰æ›Vector MagicVector Magicã¯ JPEGã€GIFã€PNG å½¢å¼ã®ç”»åƒã‚’ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã«å¤‰æ›ã—ã€EPSã€SVGã€PDF å½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒ
cpw 2015/01/28
svg
ãƒªãƒ³ã‚¯
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™ ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ã§ã®ä½œå›³æ–¹æ³•ã«åŸºã¥ã„ãŸæ±äº¬ã®é‰„é“è·¯ç·šå›³ã‚’ä½œã£ãŸã®ã§å…¬é–‹ãƒ»é…å¸ƒã—ã¾ã™ time2014/12/20 hatenabookmark- Illustratorã‚’ä½¿ã£ã¦ã€æ±äº¬åœã®äº¤é€šè·¯ç·šå›³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ç¾åœ¨ã€ã“ã‚Œã‚’æ›¸ãã ã—ãŸSVGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»¥ä¸‹ã«ç½®ã„ã¦ã€ã‚¦ã‚§ãƒ–ä¸Šã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ã ãƒžãƒƒãƒ—ã¨ã—ã¦å¤§ã—ãŸå‡¦ç†ã¯ã—ã¦ã„ãªã„ã®ã§ã€PCã¨ã‹ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé¢å€’ã§ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã‚¿ãƒƒãƒç«¯æœ«ã ã¨ãã“ãã“è¦‹ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€AIãƒ•ã‚¡ã‚¤ãƒ«ãƒ»SVGãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³(CC0)ã¨ã—ã¾ã™ã®ã§ã€é…å¸ƒãƒ»æ”¹å¤‰ãƒ»è²©å£²å«ã‚ã€ç…®ã‚‹ãªã‚Šç„¼ããªã‚Šå¥½ãã«ä½¿ã£ã¦ã„ãŸã ã„ã¦ã‹ã¾ã„ã¾ã›ã‚“ã€‚ railmaps - github ã©ã†ã—ã¦æã„ãŸã®ï¼Ÿ æ˜”ã‹ã‚‰ãƒãƒªãƒ¼ãƒ™ãƒƒã‚¯æ°ã®ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ãŒã¨ã¦ã‚‚å¥½ãã§ã€è‡ªåˆ†ã‚‚ã“ã†ã„ã†ã‚‚
cpw 2014/12/21
ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³

ãƒ¡ãƒˆãƒ

è·¯ç·šå›³

svg
ãƒªãƒ³ã‚¯
Iconic
Meet Iconic. The definitive icon set designed for the modern web.View iconsÂ Â Get Iconic
cpw 2014/03/07
icon

svg

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
mdaines/viz.js: A hack to put Graphviz on the web.
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
cpw 2013/11/19
ã“ã‚Šã‚ƒã™ã’ãƒ¼ï¼ã“ã‚Œä½¿ãŠã†ï¼

js

SVG

graphviz

JavaScript
ãƒªãƒ³ã‚¯
js-sequence-diagrams by bramp
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
cpw 2013/03/25
ã“ã‚Œã¯ã„ã„ãï¼SIã®äººãŸã¡æ¬²ã—ãã†ã€‚

javascript

UML

svg
ãƒªãƒ³ã‚¯
Linuxã§SVGãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’ä»–ã®ç”»åƒå½¢å¼ã«å¤‰æ› - ãµã£ãã‚“ã®ãƒ–ãƒã‚°ã£ã½ã„ã‚µã‚¤ãƒˆ
SVGãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®ç”»åƒã‚’ä»–ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã«å¤‰æ›ã™ã‚‹æ–¹æ³•ã‚’å¿˜ã‚Œã‹ã‘ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚ SVGãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’pngã€pdfã€psã«å¤‰æ›ã™ã‚‹ã®ã«ã¯rsvg-convertã‚³ãƒžãƒ³ãƒ‰ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ hoge.svgã®ã‚µã‚¤ã‚ºã‚’0.1å€ã«ã—ãŸã‚‚ã®ã‚’pngã«å¤‰æ›ã—hogehoge.pngã«å‡ºåŠ›ã™ã‚‹å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ $ rsvg-convert hoge.svg --zoom=0.1 -format=png --output=hogehoge.png ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’çœç•¥ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ $ rsvg-convert hoge.svg -z 0.1 -f png -o hogehoge.png hoge.svgã®ç¸¦æ¨ªæ¯”ã‚’ãã®ã¾ã¾ã«é«˜ã•ã‚’100ãƒ”ã‚¯ã‚»ãƒ«ã«ã—ãŸã‚‚ã®ã‚’pngã«å¤‰æ›ã—hogehoge.pngã«å‡ºåŠ›ã™ã‚‹å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚
cpw 2013/01/21
svg
ãƒªãƒ³ã‚¯
Think of graphics in a new way (Internet Explorer)
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
cpw 2012/08/24
svg
ãƒªãƒ³ã‚¯
svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚
ã“ã®æ–‡æ›¸ã§ã¯svgã‚’htmlåŸ‹ã‚è¾¼ã¿ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦æ‰±ã†éš›ã®è¦šæ›¸ã¨ã—ã¦ä½œæˆã—ãŸï¼Žsvgã®è¦ç´ ã¨å±žæ€§ã¯å®Ÿéš›ã®ä¾‹ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ãŸã¤ã‚‚ã‚Šï¼Ž æ³¨æ„äº‹é … ä»•æ§˜ã¯ã“ã“ã‚’å‚ç…§ã®ã“ã¨ï¼Ž æœ¬æ–‡æ›¸ã§ã¯å®Ÿéš›ã®æŒ™å‹•ã‚’èª¿ã¹ã¤ã¤è‡ªåˆ†ãªã‚Šã®è§£é‡ˆãŒå…¥ã£ã¦ã„ã‚‹ãŸã‚ï¼Œå¤šã€…é–“é•ã„ãŒå…¥ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œãªã„ãŒï¼Œæ°—ã«ã—ãªã„ï¼Ž ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã£ã¦svgè¦ç´ ã®ä¸èº«(ã‚½ãƒ¼ã‚¹)ã‚’å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚ï¼Œä¸€éƒ¨å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¨ã®é–“ã«å·®ç•°ãŒã‚ã‚‹ãŒï¼Œäºˆã‚ã”äº†æ‰¿ã„ãŸã ããŸã„ï¼Ž ç›®æ¨™ã¯è¦‹æ „ãˆã®ã™ã‚‹å›³å½¢ã‚’svgã®æ‰‹å…¥åŠ›ã§ã‚µãƒ©ã£ã¨è¨˜è¿°ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ãªã®ã§ï¼Œè¤‡é›‘ãªå›³å½¢ã¯ç´ ç›´ã«inkscapeç‰å°‚ç”¨ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã¨è‰¯ã„ï¼ŽãŸã ï¼Œã“ã“ã§ç¤ºã—ãŸã“ã¨ã¯ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ä¸Šã§ã‚‚å½¹ã«ç«‹ã¤ã¨æ€ã†ï¼Žç‰¹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ï¼Ž svg:ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã®ã‚«ãƒ³ãƒã‚¹ã®å®šç¾©ï¼Œtitle:ã‚¿ã‚¤ãƒˆãƒ«ï¼Œdesc:èª¬æ˜Ž htmlæ–‡æ›¸ã«ãŠã„ã¦svgç”»åƒã‚’æŒ¿å…¥ã—ãŸã„å ´åˆ,embedè¦ç´ ã‚’ç”¨ã„
cpw 2012/08/10
svg

tutorial
ãƒªãƒ³ã‚¯
SVGPan: a Javascript SVG (Viewer) Pan/Zoom/Drag library
Some time ago I had a need to display some vectorial drawings on the web so I've found out that SVG is decently supported by modern browsers (I wonâ€™t say anything about Internet Explorer â€“ itâ€™s just unsupported there). The language itself is great, but the interactivity provided by the browsers is definitely low: can display your SVG file on a browser and that's it - you can't navigate it, zoom it
cpw 2012/08/09
SVGã§ãƒ‘ãƒ³ã€ã‚ºãƒ¼ãƒ ã€ãƒ‰ãƒ©ãƒƒã‚°ã‚’å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

svg
ãƒªãƒ³ã‚¯
JAA
Find and edit icons without leaving PowerPoint or Office. Try it out
cpw 2012/01/11
svg

icon

free

ç´ æ
ãƒªãƒ³ã‚¯
Thinreports
A PDF generation tools for Ruby, with design tool for editing templates. Thinreports Thinreports is a PDF generation tool that provides Thinreports Basic Editor and Thinreports Section Editor, a design tool for editing templates, and Thinreports Generator, a Ruby library for generating PDFs. Getting Started Thinreports allows you to create PDF layouts using the Thinreports Editor, and then load th
cpw 2011/11/03
ruby

rails

å¸³ç¥¨

SVG
ãƒªãƒ³ã‚¯
Apache FOPã«ã‚ˆã‚‹SVGâ†’PDFã¸ã®å¤‰æ›æ–¹æ³• - éœ§ç¬›æœ›ã®ã‚‚ã£ãŸã„ãªã„é–‹ç™ºä¿ç®¡åº«
å‹•ä½œç¢ºèªOSã¯ã€Solaris 9ã§ã‚ã‚‹ã€‚ æ¦‚è¦ å…¬å¼ã‚µã‚¤ãƒˆ http://xmlgraphics.apache.org/fop/ Wikipedia http://ja.wikipedia.org/wiki/Apache_FOP FOPã‚’ä½¿ã†ã“ã¨ã§ã€XSL-FOã«æº–æ‹ ã—ãŸXMLæ–‡æ›¸ã‚’PDFãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã«å¤‰æ›ã—ãŸã‚Šã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ç”»é¢ã‚„ãƒ—ãƒªãƒ³ã‚¿ã«ç›´æŽ¥å‡ºåŠ›ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ã“ã“ã§ã¯ã€Javaãƒ—ãƒã‚°ãƒ©ãƒ ã«ãŠã‘ã‚‹ã€SVGãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰PDFãƒ•ã‚¡ã‚¤ãƒ«ã¸ã®å¤‰æ›æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨è¨å®šã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’å±•é–‹ã™ã‚‹ã€‚ /home/apache/tools/[ä»»æ„ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒª] $ gzip -d fop-0.94-src.tar.gz $ tar xvf fop-0.94-src.tar ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«fop-0.94ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªä¸‹ã§antã‚’å®Ÿè¡Œã—ã€ãƒ©ã‚¤ãƒ–ãƒ©
cpw 2011/10/27
svg

fop

pdf
ãƒªãƒ³ã‚¯
SVGã‚’ä½¿ã£ãŸã‚‚ã®ã™ã”ã„ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization Libraryã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å¤šæ•°ã‚ã‚Œã©ã€å¤§æŠµã¯å††ã‚°ãƒ©ãƒ•ã‚„æ£’ã‚°ãƒ©ãƒ•ãªã©ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’æãæ©Ÿèƒ½ã—ã‹ãªã„ã€‚é«˜åº¦ãªã‚°ãƒ©ãƒ•ã‚’æã“ã†ã¨ã™ã‚‹ã¨åˆ©ç”¨ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯é€”ç«¯ã«å°‘ãªããªã‚‹ã€‚ é«˜æ©Ÿèƒ½ãªã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã¾ãŸé«˜åº¦ãªã‚°ãƒ©ãƒ•ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§ãªãã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®ä»•çµ„ã¿ãŒå¿…è¦ã«ãªã‚‹ã“ã¨ã‚‚å¤šã„ã€‚ãã‚“ãªä¸dygraphs JavaScript Visualization Libraryã¯ã¨ã¦ã‚‚ç°¡å˜ã«ä½¿ãˆã‚‹ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãªã£ã¦ã„ã‚‹ã€‚JavaScriptã§SVGã‚’æã„ã¦ã‚°ãƒ©ãƒ•åŒ–ã™ã‚‹ã®ã ã€‚ ä¸»ãªã‚°ãƒ©ãƒ•ã¯X-Yè»¸ã‚’æŒã£ãŸæŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã«ãªã‚‹ã‚ˆã†ã ã€‚ã¨ã¯ã„ãˆæ¸¬å®šç¯„å›²ã‚’å«ã‚“ã ã‚°ãƒ©ãƒ•ã‚’æã„ãŸã‚Šã€ã‚°ãƒ©ãƒ•ã®ä¸€éƒ¨ã‚’ãƒžã‚¦ã‚¹ã‚’ä½¿ã£ã¦æ‹¡å¤§ã™ã‚‹ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨å€¤ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãªã©é«˜åº¦ãªæ©Ÿèƒ½
cpw 2011/04/01
javascript

svg

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