dom-to-image-more/spec/resources/srcset/dom-node.html

Generates an image from a DOM node using HTML5 canvas and SVG

<article>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu
        tincidunt consectetur, nisi nisl aliquam enim, nec dictum nisi nisl euismod enim.
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
        turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
        posuere cubilia curae; Etiam at risus et justo dignissim congue. Donec congue
        lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci.
        Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque
        faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi.
    </p>
    <img
        src="/base/spec/resources/srcset/src.png"
        srcset="
            /base/spec/resources/srcset/wide.png 3724w,
            /base/spec/resources/srcset/4x3.png  1961w,
            /base/spec/resources/srcset/tall.png 1060w
        "
        sizes="(50em <= width <= 60em) 40em,
              (30em <= width <= 50em) 30em,
              (width <= 30em) 20em"
        alt="Test."
        loading="lazy"
    />
    <p>
        Yo, fo shizzle my bizzle, just chillin’ in the hizzle with the drizzle, sippin’ on
        some sizzurp while the beats fizzle. Rollin’ down the street, laid back, mind on
        my money and my money on my mind. Keep it real, keep it tight, all day and all
        night, bling bling in the spotlight, cruisin’ in the limelight, word up, peace out
    </p>
</article>