簡體   English   中英

如何創建徽標來表示文本文件?

[英]How do I create a logo to represent a file of text?

我如何構建徽標來告訴用戶他們將點擊視頻或文本或這樣的測驗?

在此處輸入圖像描述

我如何構建那個星號和視頻點擊按鈕以及那個文本文件徽標?

謝謝

您可以使用<svg>標簽使用 svg。 你可以自己畫圖。 這是如何做的。

開始使用 SVG

在您的 svg 標簽中,首先制作兩個名為寬度和高度的屬性,這些將是您的 svg 尺寸。

 <h1>A SVG!(Blank)</h1> <svg width="200" h> </svg>

一條路徑

路徑是您通常想到的。 通往城市的道路。 一條通往山的小路。 使用路徑標簽來制作你的圖畫。

命令

所有命令都存儲在d屬性中。

  • M = 移動到
  • L = l.neto
  • H = 水平 l.neto
  • V = 垂直 l.neto
  • C = 曲線圖
  • S = 平滑曲線
  • Q = 二次貝塞爾曲線
  • T = 平滑二次貝塞爾曲線
  • A = 橢圓弧
  • Z = 封閉路徑

以下是如何使用它們:

 <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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM