在Axure的操作中，隨機事件算是比較常用和實用的功能之一。這篇文章，我們來講解一下在Axure中進行隨機背景色的操作，希望能幫大家掌握這個技能。

在Axure中，我們有時會用到隨機的背景色，特別是常見的Avatar頭像，目前大部分的解決方式是動態面板內置多種顏色，但如果想純隨機就比較困難了，那有沒有一種方法可以想用什么顏色就用什么顏色呢？

一、萬能的圖片

Axure中的圖片元件是可以動態設置值的，普通的圖片都需要進行base64的轉換，但有一種圖片基于 XML 標記語言，用于描述二維的矢量圖形，這就是可縮放矢量圖形（Scalable Vector Graphics，SVG）。

二、教程

我們拖出一個“圖片”元件，添加“加載時”交互設置圖片：

代碼如下：

data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' fill='red' /></svg>

預覽一下你會發現這個默認圖片已經變成了紅色。

所以只要變更代碼內的fill的顏色，就可以生成任何想要的顏色背景。

三、注意事項

如果是用Hex顏色代碼（比如：#820222）的話，需要把井號#換成%23。