Databases
StackOverflow2013
Postsdbo
POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
    primarykey
    data
    text
    <p>I am using an SVG image on a page (via the CSS background-image property) and when I view this page in Chrome (version 11.0.696.71 on Windows), one of my CPU cores goes to 100% and stays there permanently. My SVG image is quite simple and is defined in its own XML file:</p> <pre><code>&lt;?xml version="1.0" standalone="no"?&gt; &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt; &lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg"&gt; &lt;rect width="100%" height="100%" style="fill:rgb(0,0,0);fill-opacity:.05"/&gt; &lt;/svg&gt; </code></pre> <p><strong>Update:</strong></p> <p>You may need to use the SVG in a specific way on the page to experience the problem. This HTML file has the issue (currently online at <a href="http://jsbin.com/amaqo4/6" rel="nofollow">http://jsbin.com/amaqo4/6</a>):</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;table&gt; &lt;tr style="background: url(YOUR-SVG-FILE.svg)"&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;div style="background: url(YOUR-SVG-FILE.svg)"&gt;test&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>When I remove either the table or the div, the problem goes away.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USWilliam Gross
    1. USWilliam Gross
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. USeolsson
      1. VTFavorite
    3. VO
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat version of Chrome? What OS? http://jsbin.com/amaqo4 in Chrome 11 on OS X has no such issues.
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. USMatt Ball
    2. COCheck out http://jsbin.com/amaqo4/6 (in Chrome 11 on Windows). It looks like the SVG may need to be used at least twice on the page as a background image, at least once by a table row. Very weird.
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. USWilliam Gross
    3. COInteresting. That keeps one of my cores at around 10%.
      singulars
      1. POWhy do SVG images on a page cause Chrome to use 100% of the CPU?
      1. USMatt Ball
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload