svg

    0熱度

    1回答

    我創建了2個SVG,其中一個使用了vivius來勾畫輪廓,另一個使用vivius填充輪廓!但是我不能讓它在一個包裝div中居中!這裏是我的代碼.... <div id="homeWrapper"> <div id="big-logo"> <div id="svg-wrapper"> <div id="svg-layer"> <svg id="CC

    0熱度

    1回答

    通常情況下,我曾經用html嵌入SVG代碼,用CSS3動畫。 但現在的問題是我有很多的標誌和圖標添加到一個單一的HTML頁面。 在這裏,它看起來太多的源代碼。 這就是爲什麼我傾向於使用對象標記來減少源代碼,但我不知道如何動畫SVG與對象標記。 下面的代碼只是兩個圖標,它已經很多了。 svg:hover path { stroke-dasharray: 200; stro

    0熱度

    1回答

    UPDATE SVG圖像裁剪問題已被縮減爲ImageMagick。也就是說,convert birthday_cake.svg birthday_cake.png在我的特定安裝中,即在Ubuntu上生成了剪輯birthday_cake.png。我目前正在進一步調查。 我的convert版本是6.7.7-10,我看到目前最新的版本是在7.0.7-8使可能是問題。 原始的問題遵循 我下載的SVG文件然

    0熱度

    1回答

    我想配置grunt-svgmin以刪除從Adobe Illustrator導出時自動添加到透明SVG的fill="none"屬性。 目前,我有以下配置: svgmin: { options: { plugins: [ { removeViewBox: false }, { removeUs

    0熱度

    1回答

    我想輸出一個PDF格式的SVG文件。我嘗試了一些方法,但我一直遇到問題。 我用這個源作爲參考: Convert SVG to PDF 和嘗試以下操作: // Save this SVG into a file (required by SVG -> PDF transformation process) File svgFile = File.createTempFile("graphic-",

    4熱度

    1回答

    我遇到了一個問題,一個內聯<svg>元素並不延伸到其原始尺寸,在其viewBox屬性聲明,當它被包裹在一個絕對定位的父: 使用width: 100%似乎只會強制SVG延伸到瀏覽器定義的默認大小300px。這也會導致<img>未按其原始尺寸調整大小。 使用width: auto使SVG由0像素完全摺疊成0像素的尺寸,但<img>現在尺寸以它的天然尺寸 有趣的是,這種行爲可以通過使用SVG作爲data

    1熱度

    1回答

    我有一個顯示SVG的Angular 4應用程序。 SVG是動態的,取決於模型。這是通過伺機到use xlink:href屬性來實現的: <svg class="svg-icon"> <use [attr.xlink:href]="'./symbol-defs.svg#' + icon" /> </svg> 注意icon是可變的,並且因此可以改變。發生這種情況時,應該更新SVG以反映

    1熱度

    3回答

    我有一個圖像svg元素,它可以有任何寬度。我想在svg元素或div容器中水平居中放置圖像。我試過margin: 0 auto;或text-align : center;但它不起作用。 jsfiddle HTML <div class="background-img" style="width: 100px; height: 110px;"> <svg class="svg-defs" w

    0熱度

    1回答

    我正在使用imagick將svg轉換爲png。但我的svg包含嵌入的圖像。所以在將其轉換爲png時不會呈現嵌入圖像。 $image = new \Imagick(); try{ $file_name = uniqid($prefix).".jpeg"; $image->readImageBlob($raw_svg); $image->setImageFormat("

    0熱度

    2回答

    我有3個發光blub和2個虛線加入他們。我必須通過從一個到另一個blub以重複的方式發出光線(像每個短劃線一個接一個地發光)到目前爲止,我能夠做到這一點。 https://jsfiddle.net/hsfxS/3856/ .. <div class="mr-glow-1"> <svg width="401" height="332" version="1.1" xmlns="htt