2017-04-07 87 views
0

我現在面臨一個奇怪的錯誤,這導致Blockly的背景顯示隨機圖像塊狀工作區背景顯示隨機圖像?

正確的背景應該是這樣的: normal background

但它顯示隨機圖像(主要是圖標?),而不是

incorrect background

這真是太奇怪的詞來形容,請看一看這個screen record

我提取Blockly(我在視頻中使用),可以重現錯誤

<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="blocklySvg" width="1209px" height="270px" style="display: block;"> 
    <defs> 
    <pattern id="blocklyGridPattern5105292194395497" patternUnits="userSpaceOnUse" width="25" height="25" x="1202" y="219"> 
     <line stroke="#ccc" stroke-width="1" x1="11" y1="12.5" x2="14" y2="12.5"></line> 
     <line stroke="#ccc" stroke-width="1" x1="12.5" y1="11" x2="12.5" y2="14"></line> 
    </pattern> 
    </defs> 
    <g class="blocklyWorkspace"> 
    <rect height="100%" width="100%" class="blocklyMainBackground" style="fill: url(#blocklyGridPattern5105292194395497);"></rect> 
    </g> 
</svg> 

這是關係到瀏覽器的錯誤SVG?或者我錯誤地配置了一些東西?


我的環境

  • 的Chrome 56(似乎只發生在Chrome)
  • 的MacOS 10.12.4
+1

提取的代碼在Chrome中看起來很好。通常這是一個基本標記問題(如果使用角度,通常是這樣) –

+0

「base-tag問題」是什麼意思? – osk2

+0

http://stackoverflow.com/questions/19742805/angular-and-svg-filters –

回答

2

做一些調查之後,我覺得這是一個附加信息Chrome的缺陷。

我已經報告給Chromium,他們終於可以重現這個bug了。

我回答我的問題只是爲了記錄,以防有人有同樣的問題。

+0

備案:https://bugs.chromium.org/ p/chromium/issues/detail?id = 710725 – Anm

+0

我的問題已被合併到[this one](https://bugs.chromium.org/p/chromium/issues/detail?id=710443),似乎他們發現解決這個問題的方法 – osk2