{
    "componentChunkName": "component---src-templates-tagged-posts-jsx",
    "path": "/tag/Canvas",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG"}},"allMarkdownRemark":{"edges":[{"node":{"timeToRead":9,"excerpt":"ソースコードを画像に変換できるCarbonという web アプリをご存知でしょうか。 ↑ のような画像が生成できるサービスです。フォントやテーマなどがとても素敵な画像が生成されるため、TL…","fields":{"slug":"/convert-any-html-element-to-image/"},"frontmatter":{"date":"May 28, 2019","title":"シンタックスハイライト済みのソースコードの画像をブラウザだけで作成したい","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='180'%20viewBox='0%200%20400%20180'%20preserveAspectRatio='none'%3e%3cpath%20d='M29%2029l-1%2062%201%2060h343V91l-1-62c-2-2-340-2-342%200'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.2266666666666666,"src":"/static/7ef5022542047c39e79f4e940ff571eb/8eab8/featured-image.png","srcSet":"/static/7ef5022542047c39e79f4e940ff571eb/1ec58/featured-image.png 334w,\n/static/7ef5022542047c39e79f4e940ff571eb/ccb4a/featured-image.png 668w,\n/static/7ef5022542047c39e79f4e940ff571eb/8eab8/featured-image.png 1336w,\n/static/7ef5022542047c39e79f4e940ff571eb/85e22/featured-image.png 2004w,\n/static/7ef5022542047c39e79f4e940ff571eb/a9ec1/featured-image.png 2672w,\n/static/7ef5022542047c39e79f4e940ff571eb/d1d3a/featured-image.png 3168w","srcWebp":"/static/7ef5022542047c39e79f4e940ff571eb/f7e47/featured-image.webp","srcSetWebp":"/static/7ef5022542047c39e79f4e940ff571eb/cd98f/featured-image.webp 334w,\n/static/7ef5022542047c39e79f4e940ff571eb/7535d/featured-image.webp 668w,\n/static/7ef5022542047c39e79f4e940ff571eb/f7e47/featured-image.webp 1336w,\n/static/7ef5022542047c39e79f4e940ff571eb/f6b67/featured-image.webp 2004w,\n/static/7ef5022542047c39e79f4e940ff571eb/f71bf/featured-image.webp 2672w,\n/static/7ef5022542047c39e79f4e940ff571eb/c44a1/featured-image.webp 3168w","sizes":"(max-width: 1336px) 100vw, 1336px"}}}}}}]}},"pageContext":{"tag":"Canvas"}},
    "staticQueryHashes": ["2585454260","2954598359"]}