官方论坛产品帮助刷图视频问题反馈

Data URI Scheme介绍

发表于 秦海传媒

    生成图片数据
    根据上面的格式,我们可以编写一个小程序进行生成,但我们不需要这么麻烦,有很多网站提供这种(免费)服务。下面给出几个:

    1.http://dataurl.sveinbjorn.org/dataurlmaker

    提供预览,复制方便

    /**
     * data:,文本数据
     * data:text/plain,文本数据
     * data:text/html,HTML代码
     * data:text/css;base64,css代码
     * data:text/javascript;base64,javascript代码
     * data:image/x-icon;base64,base64编码的icon图片数据
     * data:image/gif;base64,base64编码的gif图片数据
     * data:image/png;base64,base64编码的png图片数据
     * data:image/jpeg;base64,base64编码的jpeg图片数据,示例:
     */
    body { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAAGElEQVQIW2P4DwcMDAxAfBvMAhEQMYgcACEHG8ELxtbPAAAAAElFTkSuQmCC");}
    
    /**
     * data:text/css,css代码,示例:
     * 注意:下列方式是无法设置background-image:url()样式的
     */
    
  • 此条目发表在 wordpress 分类目录。将固定链接加入收藏夹。

Google ADs

除非另有声明,本站文章遵循知识共享署名-非商业性使用 2.5 中国大陆许可协议。 Copyright © 2008-2012 99288.NET.CN.