reftest_img_grid.html (946B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> 3 <title>Canvas test: {{ name }}</title> 4 <link rel="stylesheet" href="/html/canvas/resources/canvas-grid-reftest.css"> 5 <h1>{{ name }}</h1> 6 <p>{{ desc }}</p> 7 {% if notes %}<p>{{ notes }}</p>{% endif %} 8 9 <div class="grid-container" style="--grid-width: {{ grid_width }}"> 10 {% for variant in variants %} 11 <span> 12 {% for variant_name in variant.grid_variant_names %} 13 <div>{{ variant_name }}</div> 14 {% endfor %} 15 {% set x_pos = ((loop.index0 % grid_width) | int) * variant.size[0] %} 16 {% set y_pos = ((loop.index0 / grid_width) | int) * variant.size[1] %} 17 <img src="{{ variant.img_reference }}" 18 class="grid-cell-content" 19 style="width: {{ variant.size[0] }}px; 20 height: {{ variant.size[1] }}px; 21 object-position: {{ -x_pos }}px {{ -y_pos }}px; 22 object-fit: none;"> 23 </span> 24 25 {% endfor %} 26 </div>