![](/img/trans.png)
[英]How do I create a “widget” for people? It's just a simple text box with my logo
[英]How do I create a logo to represent a file of text?
您可以使用<svg>
標簽使用 svg。 你可以自己畫圖。 這是如何做的。
在您的 svg 標簽中,首先制作兩個名為寬度和高度的屬性,這些將是您的 svg 尺寸。
<h1>A SVG!(Blank)</h1> <svg width="200" h> </svg>
路徑是您通常想到的。 通往城市的道路。 一條通往山的小路。 使用路徑標簽來制作你的圖畫。
所有命令都存儲在d
屬性中。
以下是如何使用它們:
<h1>SVG Shapes,</h1> <h2>Square</h2> <svg width="100" height="100"> <path d="M0 0 L100 0 L100 100 L0 100 Z">Sorry. but your browser doesn't support inline SVG.</path> </svg>
您可以在一個 SVG 中使用多個路徑。
使用路徑標簽中的屬性fill
來使用 rgb 或 rgba 顏色更改顏色。
你可以找到各種有免費標志的網站,我喜歡https://www.iconfinder.com/它有免費下載的 PNG
如果您希望徽標可點擊,我會在 HTML 中添加一個按鈕,並將圖像包裹在元素內,如下所示:
<button> <img src="./image.png" /> </button>
那么首先你會想要使用 fontawesome 來獲取圖標。 要獲得它,你必須在<head>
標簽中使用<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css">
一旦你將它實現到您的代碼中,go 到https://fontawesome.com/並搜索您想要的圖標。 使用<i>
標簽獲取圖標后。 選擇並確定您想要的內容后,您可以從 javascript 和 html <button>
標簽開始。 那么讓我舉一個關於 html <button onclick="cheese()"><i class="fa-thin fa-star">Click</i></button>
的例子,現在你可以在你的任何地方添加它html 頁。 現在用js。
<script>
function cheese() {
window.open('https://google.com');
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.