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

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

一、萬能的圖片

Axure中的圖片元件是可以動態(tài)設(shè)置值的，普通的圖片都需要進(jìn)行base64的轉(zhuǎn)換，但有一種圖片基于 XML 標(biāo)記語言，用于描述二維的矢量圖形，這就是可縮放矢量圖形（Scalable Vector Graphics，SVG）。

二、教程

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

代碼如下：

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>

預(yù)覽一下你會發(fā)現(xiàn)這個默認(rèn)圖片已經(jīng)變成了紅色。

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

三、注意事項(xiàng)

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