2015-07-12 58 views
0

我需要能够创建一个带有单个文本字段的文本字段的Illustrator文件,有时候,如果可能的话,还要创建一个图像。是否可以在FXG文件中嵌入图像?

它看起来像AI文件是二进制文件,我不知道该怎么写。我可以更轻松地编写一个文本文件,它看起来像FXG或SVG是Illustrator可以导入的一种可接受的文件格式。

是否可以在FXG中嵌入图像?

UPDATE
由于什么,我这里寻找一个例子是从Illustrator导出到SVG与嵌入的图像数据的文件:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="612px" height="792px" viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve"> 
    <image overflow="visible" width="400" height="324" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAFECAIAAACGcv+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ 
    bWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp 
    5kJj2am9CGtYTDfOXIL81TzGme8Nc1GyHoMINW8faYbMEGfdIx918P8KMABYSjb4P5vsjAAAAABJ 
    RU5ErkJggg==" transform="matrix(1 0 0 1 60 34)"> 
    </image> 
    <text><tspan x="0" y="0">text</tspan></text> 
</svg> 

注:不是所有的图像数据。我已经把大部分内容剪掉了。

下面是从Illustrator导出到FXG同一个文件:

<Graphic version="2.0" viewHeight="792" viewWidth="612" ai:appVersion="15.1.0.39" ATE:version="1.0.0" flm:version="1.0.0" d:using="" xmlns="http://ns.adobe.com/fxg/2008" xmlns:ATE="http://ns.adobe.com/ate/2009" xmlns:ai="http://ns.adobe.com/ai/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:flm="http://ns.adobe.com/flame/2008"> 
    <Library/> 
    <Group ai:seqID="1" d:layerType="page" d:pageHeight="792" d:pageWidth="612" d:type="layer" d:userLabel="Artboard 1"> 
    <Group ai:seqID="2" d:type="layer" d:userLabel="Layer 1"> 
     <BitmapImage x="60" y="34" scaleX="1.4" source="@Embed('/images/myimage.png')" fillMode="clip" ai:seqID="3"/> 
     <RichText x="53" y="28.9253" fontFamily="Andale Mono"> 
     <content><p><span>text</span></p></content> 
     </RichText> 
    </Group> 
    </Group> 
    <Private> 
    <d:FontMap> 
     <d:Map fontFamily="Andale Mono" fontStyle="normal" fontWeight="normal" postScriptName="AndaleMono"/> 
    </d:FontMap> 
    </Private> 
</Graphic> 

在这种情况下,该文件未嵌入。但是嵌入它的编译器指令是。如果将此FXG文件发送给某人,他们也需要该图像。所以它不是真正嵌入的。

回答

1

看起来好像没有官方的方式来嵌入图像数据。有一个指向该文件的位置的指令,但是这是不一样的:

<BitmapImage source="@Embed('location/of/file.png')" /> 

但我意识到,这是读取该文件,它决定了它与提供的信息做的应用。

我的意思是我可以用编码到SVG的相同方式对图像进行编码,然后在FXG XML中写入数据。应用程序可以使用这些数据。

例如,我可以一个BitmapData标签添加到库标签并有保存图像数据:

<Graphic> 
    <Library> 
    <BitmapData id="myimage" data="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAFECAIAAACGcv+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ 
    bWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp 
    5kJj2am9CGtYTDfOXIL81TzGme8Nc1GyHoMINW8faYbMEGfdIx918P8KMABYSjb4P5vsjAAAAABJ 
    RU5ErkJggg=="> 
    </BitmapData> 
    </Library> 
    <Group> 
     <BitmapImage x="60" y="34" scaleX="1.4" source="{myimage}" fillMode="clip" ai:seqID="3"/> 
    </Group> 
</Graphic> 

这将是最多使用它的应用程序。由于我没有在FXG规范中看到有关嵌入式数据的任何提及,所以我不知道它会如何过关。