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

wozozo id:wozozo

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

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

SVGã‹ã‚‰è¤‡æ•°ã®faviconã‚’å‡ºåŠ›ã—ãŸã‚Šé–‹ç™ºç’°å¢ƒç”¨ã«è‰²ã‚’å¤‰ãˆãŸã‚Šã™ã‚‹ - Sexually Knowing
faviconã‚„ã‚‰apple-touch-iconã‚„ã‚‰ã„ã‚ã„ã‚å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ãŒå¤šã„å•é¡Œ é–‹ç™ºç’°å¢ƒã¨æœ¬ç•ªã§faviconã‚’åŒºåˆ¥ã—ã¦äº‹æ•…ã‚’é˜²ãŽãŸã„å•é¡Œ â€¦â€¦ãªã©ã®è©±é¡ŒãŒã‚¢ã‚¤ã‚³ãƒ³ç•Œéšˆã«ã¯ã‚ã‚Šã¾ã™ã€‚ SVGã‚’ä½¿ã£ã¦ã©ã¡ã‚‰ã‚‚è§£æ±ºã—ã¦ã¿ã‚ˆã†! ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã™ã€‚ å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ icon-genã¨ã„ã†npmãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ä½¿ã†ã¨SVGã‹ã‚‰icoã‚„ã‚‰pngãŒç”Ÿæˆã§ãã¾ã™ã€‚ä¾¿åˆ©ã€‚ ã“ã†ã„ã†ã‹ã‚“ã˜: const results = await icongen(variant.src, destPath, { favicon: { sizes: [180, 192], }, }) é–‹ç™ºç’°å¢ƒã”ã¨ã«faviconã‚’å¤‰ãˆã‚‹ â†‘ã§SVGã‹ã‚‰ico/pngã‚’ç”Ÿæˆã™ã‚‹ã‚°ãƒƒã‚ºã‚’æ‰‹ã«å…¥ã‚ŒãŸã®ã§ã€ã‚½ãƒ¼ã‚¹ã®SVGã‚’ç’°å¢ƒã”ã¨ã«å¤‰ãˆã‚Œã°ã‚ˆã•ãã†ã€‚ ã“ã†ã„ã†ã‹ã‚“ã˜: const generateVariantSource = (v
wozozo 2019/06/21
svg

favicon
ãƒªãƒ³ã‚¯
SVG Essentials Examples
This repository contains interactive examples and other files created for SVG Essentials, 2nd Edition by J. David Eisenberg and Amelia Bellamy-Royds (O'Reilly, 2014). The repository also includes the examples used in a related post on the O'Reilly Radar blog. If you're reading the online version of the book, you'll see these examples embedded in your browser (they are hosted as Github pages). If y
wozozo 2018/02/09
svg
ãƒªãƒ³ã‚¯
Casino neu online with SVG Path Generator Polynomic
Neu Casino SVG Path Generator PolynomicHi! Iâ€™m a creative developer with a strong interest in modern JavaScript stack and Functional Programming. Iâ€™m a perfectionist constantly looking for technical challenges and I always try to produce a clean, well-documented, and tested code. If you are as passionate as I am about web development, letâ€™s build something cool together! Check some of the tools th
wozozo 2015/11/02
svg
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ SVGO ã§ SVG ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æœ€é©åŒ–ã§ãã‚‹ ã€ŒSVGOMGã€
SVGO ã¯ SVG ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ä¸è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã—ã¦æœ€é©åŒ–ã—ã¦ãã‚Œã‚‹ä¾¿åˆ©ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ãŒã€ã“ã‚Œã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ç”»é¢ã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸã®ãŒã€ã€ŒSVGOMGã€ ã§ã™ã€‚ SVGOMG SVGOMG ï¼š GitHub ä¾‹ãˆã° JPEGmini ã® Web ç‰ˆã¨ã‹ TinyPNG ã®ã‚ˆã†ãªç”»åƒæœ€é©åŒ–ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã® SVG ãƒ•ã‚¡ã‚¤ãƒ«å‘ã‘ã§ã™ãã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ç°¡å˜ã«æ“ä½œã§ãã¾ã™ã—ã€æœ€é©åŒ–ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®é©ç”¨ã‚‚ç”»é¢ä¸Šã§ SVG ãƒ•ã‚¡ã‚¤ãƒ«ã®å¤‰åŒ–ã‚’ç¢ºèªã—ãªãŒã‚‰è¡Œãˆã¾ã™ã®ã§ã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ SVGO ã«ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ cleanup attributes from newlines, trailing and repeating spaces â†’ å±žæ€§å€¤å†…ã®é‡è¤‡ã™ã‚‹ç©ºç™½ã‚„æ”¹è¡Œã‚’å‰Šé™¤ remove doctype declaration â†’ DOCTYP
wozozo 2015/02/05
svg
ãƒªãƒ³ã‚¯
SVGç”»åƒã‚’æ›¸ãå‡ºã™éš›ã«é‡è¦ãªè¨å®šã€Œå°æ•°ç‚¹ä»¥ä¸‹ã®æ¡æ•°ã€ã¨ã¯ãªã«ã‹ï¼Ÿ - è´ãè€³ã‚’æŒãŸãªã„(ç‰‡æ–¹ã—ã‹)
ã“ã‚Œã¯SVG Advent Calendar 2014ã®å‚åŠ è¨˜äº‹ã§ã™ã€‚ æ˜¨æ—¥ã¯memocarilogã®Saori Miyazakiã•ã‚“ã«ã‚ˆã‚‹ã€Œfilter è¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨ filter è¦ç´ ã‚’ã¤ã‹ã£ãŸãƒ¢ãƒŽã‚¯ãƒã‹ã‚‰ã‚«ãƒ©ãƒ¼ã¸å¤‰åŒ–ã™ã‚‹ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼åŠ¹æžœã‚’ä½œã‚‹æ–¹æ³•ã€ã§ã—ãŸã€‚ ç¬¬3æ—¥ç›®ã¯ç§ id:rikuo ãŒæ‹…å½“ã—ã¾ã™ã€‚ ï¼ˆâ€»è¿½è¨˜ï¼‰ç¬¬4æ—¥ç›®ã¯ã‚¤ãƒãƒ‰ãƒ«ãƒãƒŠ(@shino212)ã•ã‚“ã®ã€Œã¯ã˜ã‚ã¦SVGã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ãŸæ™‚ã®è©±ã€ã§ã™ã€‚ ã¡ãªã¿ã«ã¾ã ç©ºã„ã¦ã„ã‚‹æž ã¯ã‚ã‚‹ã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯æ˜¯éžã”å‚åŠ ãã ã•ã„ã€‚ ã¯ã˜ã‚ã«SVGã¯XMLã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã‚‹ãŸã‚ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ã¨ã¯è¨€ãˆã€å®Ÿéš›ã®åˆ¶ä½œã¯ä½•ã‚‰ã‹ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã—ã‚‡ã†ã€‚ ä¸ã§ã‚‚Adobe Illustratorã¯ãƒ™ã‚¯ã‚¿ãƒ¼ç³»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä»£è¡¨çš„ãªå˜åœ¨ã§åºƒãæ™®åŠã—ã¦ã„ã¾ã™ã€‚ã“ã®Illustratorã‹
wozozo 2014/12/03
svg

illustrator
ãƒªãƒ³ã‚¯
Photoshop CCã®ç”»åƒã‚¢ã‚»ãƒƒãƒˆæ©Ÿèƒ½ã§SVGã‚’æ›¸ãå‡ºã™è£æŠ€
SVG ã¯ãƒ¢ãƒ€ãƒ³ãªWebãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§è¡¨ç¤ºã§ãã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒå½¢å¼ã§ã€Retina ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚„ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºæ‹¡å¤§ã—ãŸæ™‚ã«ã‚‚è’ãè¦‹ãˆãªã„ãŸã‚ã€ã“ã‚Œã‹ã‚‰ä½¿ç”¨ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆãã†ãªç”»åƒå½¢å¼ã§ã™ã€‚ SVG ã¯ Illustrator ã§æ›¸ãå‡ºã™ã“ã¨ãŒã§ãã¾ã™ãŒã€ã“ã‚Œã¾ã§ Photoshop ã§ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã‚’ä½¿ã‚ãªã‘ã‚Œã° SVG ã‚’æ›¸ãå‡ºã™ã“ã¨ãŒã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€Photoshop CCã®ã€Œç”»åƒã‚¢ã‚»ãƒƒãƒˆã€æ©Ÿèƒ½ã‚’ä½¿ç”¨ã—ã¦ SVG ã‚’æ›¸ãå‡ºã™è£æŠ€ã‚’è¦‹ã¤ã‘ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ æº–å‚™ ä¸‹è¨˜ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ Macã®å ´åˆ Finder ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ï¼»ç§»å‹•ï¼žãƒ›ãƒ¼ãƒ ï¼½ã‚’é¸æŠžã—ã€ãƒ›ãƒ¼ãƒ ãƒ•ã‚©ãƒ«ãƒ€ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãã“ã«ã€generator.json ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç§»å‹•ã¾ãŸã¯ã‚³ãƒ”ãƒ¼ã—ã¾ã™ã€‚ Windowsã®å ´åˆ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ã‚©ãƒ«ãƒ€ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼åã®ãƒ•ã‚©ãƒ«ãƒ€ï¼‰ã«ç§»å‹•ã—ã¾ã™ã€‚ ãã“ã«ã€gen
wozozo 2014/05/12
photoshop

svg
ãƒªãƒ³ã‚¯
SVGã‚³ãƒ¼ãƒ‰ã®åŠ¹çŽ‡çš„ãªç·¨é›†ç’°å¢ƒ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Illustratorã‚„Inkscapeã‚‚ã„ã„ã‘ã©ã€ã›ã£ã‹ãSVGã¯xmlãƒ™ãƒ¼ã‚¹ãªã‚“ã ã‹ã‚‰ç›´æŽ¥ã‚½ãƒ¼ã‚¹ç·¨é›†ã—ã‚ˆã†ãœã€‚ ã¨ã„ã†ã“ã¨ã§Macãƒ¦ãƒ¼ã‚¶ãªã‚‰ãŠãªã˜ã¿ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿CotEditorã¡ã‚ƒã‚“ã§SVGã‚’ç·¨é›†ã™ã‚‹ç’°å¢ƒã‚’ä½œã‚Šã¾ã™ã€‚ å¾“æ¥ã®OS Xã§ã®SVGç·¨é›†ã®ä¸ä¾¿ãªç‚¹ OS Xã§ã¯ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼.appã§SVGã¯é–‹ã‘ãªã„ã—SVGZã¯Quick Lookã™ã‚‰ã§ããªã„ ã€ŒInkscapeã¨ã‹Illustratorã§ç·¨é›†ã§ãã‚‹ã‚ˆã€ã¨ã¯è¨€ã£ãŸã‚‚ã®ã®: ç‹¬è‡ªã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã‚‹ã®ã¨çµæžœãŒé•ã† (ã¨ãã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‹ã¯é…·ã„) æ‰€è©®ã¯
wozozo 2014/03/18
svg
ãƒªãƒ³ã‚¯
Gapplin
Give me SVG, and I'll render it. It's free! viewer for SVG Gapplin is made for SVG. It can handle also SVGZ and animation SVG. besides text editor It's the perfect way to use Gapplin as a live-previewer for SVG images besides editing them in your text editor. WebKit rendering Gapplin uses WebKit as the rendering engine. So you can get images just as you see them on web browsers. screenshots Previe
wozozo 2013/12/26
mac

software

svg
ãƒªãƒ³ã‚¯
GitHub - 1024jp/svg-coteditor: pretty CotEditor macro suite for SVG editting
SVG Suite for CotEditor SVGç·¨é›†ã®ãŸã‚ã®CotEditorç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚»ãƒƒãƒˆã§ã™ã€‚ SVGã® ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ« ã€svgzå½¢å¼ã¸ã®æ›¸ãå‡ºã— ã€W3Cã§ã® ãƒãƒªãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ ã€base64ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã‚’ã—ãŸ ç”»åƒã®æŒ¿å…¥ ã€ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ ãªã© CotEditorã§SVGã‚’ç·¨é›†ã™ã‚‹éš›ã«ãŸã„ã¸ã‚“ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒè©°ã¾ã£ã¦ã„ã¾ã™ã€‚ CotEditorã‚’SVGã‚¨ãƒ‡ã‚£ã‚¿ã¨ã—ã¦ä½¿ã†ã€ãã‚“ãªã‚¯ãƒªã‚¨ãƒ†ã‚£ãƒ–ãƒ»ãƒ©ã‚¤ãƒ•ã‚’å¿œæ´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚ å†…å®¹ç‰© hallo.svg â€”â€” ãŠè©¦ã—ç”¨ã®SVGãƒ‡ãƒ¼ã‚¿ README.md â€”â€” èª¬æ˜Žæ›¸ï¼ˆã“ã®æ›¸é¡žï¼‰ screenshot.png â€”â€” ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ SVG/ â€”â€” ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚»ãƒƒãƒˆ legacy previwer/ â€”â€” SVG Suite v0.6ã¾ã§ã§ä½¿ã‚ã‚Œã¦ã„ãŸã€SVGã‚’Safariã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã‚¹
wozozo 2013/10/19
svg
ãƒªãƒ³ã‚¯
SIE 10ã‚’å…¬é–‹ - ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ¬ã‚¹ã§SVGã‚’è¡¨ç¤ºã™ã‚‹ã€ŒSIEã€é–‹ç™ºãƒ–ãƒã‚°
SIE 10 ã‚’æ£å¼ã«å…¬é–‹ã—ã¾ã—ãŸ æœ¬æ—¥ã€æ£å¼ç‰ˆã¨ã—ã¦ã€SIE 10 ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ãƒ™ãƒ¼ã‚¿ç‰ˆã®10 betaã§ç™ºç”Ÿã—ãŸä¸å…·åˆã‚’ã€äºŒã¤ã€ä¿®æ£ã—ã¦ãŠãã¾ã—ãŸã€‚ ç„¡å„Ÿãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä»¥ä¸‹ã®SourceForege.JPã§é…å¸ƒã—ã¦ã„ã¾ã™ã€‚ http://sourceforge.jp/projects/sie/downloads/58913/sie10.zip/ è©³ã—ãã¯ ã“ã¡ã‚‰ã®ãƒªãƒªãƒ¼ã‚¹è©³ç´°ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ è¬è¾ž ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã‚‹çš†æ§˜ã¸ã€‚Twitterã‚„Facebookã§SIEã‚’æŒ™ã’ã¦ã„ãŸã ãã€æœ¬å½“ã«æ„Ÿè¬ã—ã¦ã„ã¾ã™ã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ä»Šå¾Œã®äºˆå®š ãƒ‡ãƒãƒƒã‚¬ã®ã‚„ã‚Šæ–¹ã«ã€æ–°ã—ã„æ‰‹æ³•ã‚’ç¢ºç«‹ã§ãã¾ã—ãŸã®ã§ã€ãã‚Œã‚’ä½¿ã£ã¦ã€ãƒã‚°ã‚’è¦‹ã¤ã‘ã¦ã„ãã¾ã™ã€‚
wozozo 2013/06/01
svg
ãƒªãƒ³ã‚¯
Protip: All browsers that support SVG background... - German for black
Youâ€™re about to read articles on the subject of building for the web by Ben Schwarz. Say you want SVG with PNG fallback for IE8? Do this: Extra credit: Heres a mixin for SASS to make it even gnarlyer. Update: Awesome people (@xavier_ho, @kylebarrow) from the internet have verified that the browser will only make a single HTTP request when using this technique. Update: Argh. Android 2.x browser wil
wozozo 2013/03/01
css

svg
ãƒªãƒ³ã‚¯
Advent Calendar 3æ—¥ç›®:SVGç”»åƒã‚’1ã‚ãƒãƒã‚¤ãƒˆã§ã‚‚å‰Šã‚‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆè¡“ï¼ - è´ãè€³ã‚’æŒãŸãªã„(ç‰‡æ–¹ã—ã‹)
ã“ã‚Œã¯ GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar ã¸ã®å‚åŠ ã®è¨˜äº‹ã§ã™ã€‚ 3æ—¥ç›®ã®ä»Šæ—¥ã¯ç§ id:rikuo ãŒSVGç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®è»½é‡åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å–ã‚Šä¸Šã’ã¦ã¿ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨é•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ã”æ³¨æ„ãã ã•ã„ã€‚ ã¯ã˜ã‚ã«ã€SVGã¨ã¯ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€SVGã¨ã¯ä½•ã‹ï¼Ÿã®ç°¡å˜ãªèª¬æ˜Žã§ã™ã€‚ SVGã¨ã¯Scala ble Vector Graphicsï¼ˆã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼‰ã®ç•¥ã§ã€XMLã‚’åŸºç›¤ã«æ›¸ã‹ã‚ŒãŸç”»åƒè¨˜è¿°è¨€èªžã€ã¾ãŸã¯ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨ã„ã†ã¨ã€JPEGã€GIFã€PNGã¾ãŸBMPãªã©ã¯ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ãã€‚ãã‚Œã‚‰ã®ç”»åƒã¯ãƒ”ã‚¯ã‚»ãƒ«ï¼ˆãƒ‰ãƒƒãƒˆï¼‰ã”ã¨ã«è‰²ã‚’è¡¨ç¾ã—ãŸã‚‚ã®ã§ã€ç·ã˜ã¦ãƒ©ã‚¹ã‚¿ãƒ¼ï¼ˆãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ï¼‰ç”»åƒã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ å¯¾ã—ã¦SVGã¯åº§æ¨™ã‚„å›³å½¢ã§æ‰±ã†ãŸã‚ã€æ‹¡å¤§ãƒ»ç¸®
wozozo 2012/12/05
svg
ãƒªãƒ³ã‚¯
svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚
ã“ã®æ–‡æ›¸ã§ã¯svgã‚’htmlåŸ‹ã‚è¾¼ã¿ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦æ‰±ã†éš›ã®è¦šæ›¸ã¨ã—ã¦ä½œæˆã—ãŸï¼Žsvgã®è¦ç´ ã¨å±žæ€§ã¯å®Ÿéš›ã®ä¾‹ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ãŸã¤ã‚‚ã‚Šï¼Ž æ³¨æ„äº‹é … ä»•æ§˜ã¯ã“ã“ã‚’å‚ç…§ã®ã“ã¨ï¼Ž æœ¬æ–‡æ›¸ã§ã¯å®Ÿéš›ã®æŒ™å‹•ã‚’èª¿ã¹ã¤ã¤è‡ªåˆ†ãªã‚Šã®è§£é‡ˆãŒå…¥ã£ã¦ã„ã‚‹ãŸã‚ï¼Œå¤šã€…é–“é•ã„ãŒå…¥ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œãªã„ãŒï¼Œæ°—ã«ã—ãªã„ï¼Ž ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã£ã¦svgè¦ç´ ã®ä¸èº«(ã‚½ãƒ¼ã‚¹)ã‚’å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚ï¼Œä¸€éƒ¨å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¨ã®é–“ã«å·®ç•°ãŒã‚ã‚‹ãŒï¼Œäºˆã‚ã”äº†æ‰¿ã„ãŸã ããŸã„ï¼Ž ç›®æ¨™ã¯è¦‹æ „ãˆã®ã™ã‚‹å›³å½¢ã‚’svgã®æ‰‹å…¥åŠ›ã§ã‚µãƒ©ã£ã¨è¨˜è¿°ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ãªã®ã§ï¼Œè¤‡é›‘ãªå›³å½¢ã¯ç´ ç›´ã«inkscapeç‰å°‚ç”¨ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã¨è‰¯ã„ï¼ŽãŸã ï¼Œã“ã“ã§ç¤ºã—ãŸã“ã¨ã¯ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ä¸Šã§ã‚‚å½¹ã«ç«‹ã¤ã¨æ€ã†ï¼Žç‰¹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ï¼Ž svg:ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã®ã‚«ãƒ³ãƒã‚¹ã®å®šç¾©ï¼Œtitle:ã‚¿ã‚¤ãƒˆãƒ«ï¼Œdesc:èª¬æ˜Ž htmlæ–‡æ›¸ã«ãŠã„ã¦svgç”»åƒã‚’æŒ¿å…¥ã—ãŸã„å ´åˆ,embedè¦ç´ ã‚’ç”¨ã„
wozozo 2012/06/25
svg
ãƒªãƒ³ã‚¯
1