iT邦幫忙

image相關文章
共有 39 則文章

技術 [筆記]離散餘弦變換、傅立葉變換、快速傅立葉變換

前言   雖然現今有深度學習這項技術,然而對於深度學習最重要的莫過於資料,換句話說資料的重要性大於技術,除了資料以外還有一項則是資料的代表性程度,輸入給深度學習...

鐵人賽 DAY 25
Rails 的簡單任務 系列 第 27

技術 [RoR] 簡單建置 captcha 圖形驗證的機制

什麼是 Captcha?也有 中文 的相關說明。常會看到類似這樣的圖形: 接續前幾篇利用 ImageMagick 相關的圖形議題,可快速加上 captcha...

技術 [Docker] Build A Node.js Image

Docker + Node.js 最近開始接觸容器化技術後,開始覺得這是未來的趨勢,於是開始參加與報名了許多課程,而上完課後就是要來實作,所以這邊來紀錄如何將...

技術 [筆記]動態<input type="file" /> 新增&刪除&圖片預覽-React.js

開頭 基礎 使用javascript 透過按鈕新增刪除欄位 進階 新增圖片並有圖片預覽功能 基礎 Demo:https://codepen.io/Canda...

鐵人賽 Modern Web DAY 8

技術 Day 08:常見的 React Native Component - Part I

本篇目的 俗話說「工欲善其事,必先利其器」,React Native 是強大的武器,而熟悉它則是磨亮這個武器。就像學習 HTML 時,必先從基本的 HTML T...

鐵人賽 DAY 24
Rails 的簡單任務 系列 第 25

技術 [RoR] 簡單畫出 Web 2.0 特色圖形 Badges 徽章 標記

Web2.0 以來常看到像 這樣的圖示放在網頁的名顯之處,看起來醒目又有活力。利用今天的說明,就可以完全不需動用到 photoshop, photoimpac...

鐵人賽 自我挑戰組 DAY 10

技術 Day10 讓圖片好好裝在盒子裡

在網頁中常常會需要各式各樣的圖片,如何讓它按照你的想像,好好呈現在網頁上呢? 讓圖片呈現在網頁上,一般我們會想到使用 img 標籤。我們先試試看最單純的一張圖片...

鐵人賽 Software Development DAY 28

技術 Day 28 - 三周目 - 製作自己的映像檔:包打前後端映像檔

回憶 昨天學了如何利用 verdaccio 建立自己的私有庫,今天要自己做映像檔。 目標 可能很多人會遇到以下問題: 怎麼在無對外網路的環境下發佈程式 相依套...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Optimize Images

取自 Artifact Austin: Leaving Pixels Behind - Todd Parker,哪些圖片適合使用 SVG? 在網頁中,圖片...

鐵人賽 自我挑戰組 DAY 13
DevOps學習之旅 系列 第 13

技術 Day 13 專案 Docker 優化

簡介 上一篇有提到兩個問題,這一篇來講解我針對這兩個問題的解法,也歡迎大家有什麼好作法可以留言給我一起討論.主要的問題是下面兩點: 在 Docker 建置好...

鐵人賽 DAY 24
Rails 的簡單任務 系列 第 26

技術 [RoR] 簡單畫出 Web 2.0 特色圖形 Badges 徽章 標記 (續)

本文補充上一篇 http://ithelp.ithome.com.tw/question/10011881 因篇幅不夠,而把最重要的程式碼提供在本文之中。 編輯...

鐵人賽 其他技術 DAY 12
快寫HTML靜態網頁 系列 第 12

技術 除了假文,也要有假圖來快速充版面

隨機假文有了,但也需要有點變化的假圖, 好讓版面不會那麼單調。 圖形常是版面的需要 頁面的設計裡常需要有圖形的位置, 臨時的圖片且符合所要的大小, 成為常常的必...

鐵人賽 Modern Web DAY 26
Go into Web! 系列 第 26

技術 Day26 | 使用 Docker 封裝與運行 Go 程式(二)

昨天我們成功地利用 Dockerfile 打包了一個 image,但是關於 image 的大小與打包的流程都可以做最佳化,今天就來修改昨天的專案,繼續的往最佳化...

鐵人賽 DAY 23
Rails 的簡單任務 系列 第 24

技術 [RoR] 有趣畫出 MonsterID 怪物分身

什麼是 MonsterID ?其實我的頭像,就是用 MonsterID 的其中一個實例,完全沒有用 photoshop 之類的圖形處理軟體,而是利用 Image...

鐵人賽 其他技術 DAY 1
網頁開發五四三 系列 第 1

技術 介紹 HTML type="image" 取 click X,Y 座標

分享介紹 HTML 的 type=&quot;image&quot; 元件使用 HTML 的 type=&quot;image&quot; 是一個很基本的東西,...

技術 [Ting's筆記Day9] 活用套件Carrierwave gem: (4) 使用Imagemagick修改圖片大小

前情提要:這幾天我都在實驗Carrierwave這套圖片上傳套件,也順利部署到Heroku架站正式環境了。:) 接下來我遇到了新的問題:要如何在上傳的時候,讓C...

鐵人賽 其他技術 DAY 2
網頁開發五四三 系列 第 2

技術 利用 GD 產生圖片,提供 HTML type="image" 使用

利用 GD 產生圖片,並斷判 type=&quot;image&quot; 的 click 位置是否為指字範圍內 上一篇連結:http://ithelp.ith...

鐵人賽 自我挑戰組 DAY 22

技術 [Python]How to Extract Image Metadata in Python

顯示圖像內部資訊https://www.thepythoncode.com/article/extracting-image-metadata-in-pytho...

技術 [快速入門前端 5] 什麼是 HTML 標籤 (3)

HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器,在 select 裡面用...

鐵人賽 Mobile Development DAY 24

技術 [Day 24] Swift UIImage繼承實現ControllerView 圖片漸變效果

簡要 上一篇完成了CABasicAnimation動畫現在要添加進去我們的controller一起來完成搜尋頁面吧GOGOGO 基本設置 圖片 cell 新增...

技術 vmware guest os 的 images 分享!

vmware guest os share ,dl... 分享一個;在玩 VM 時 guestos 的製作已經非常方便了,還有更方便嗎...呵呵..答案是有!有...

鐵人賽 Modern Web DAY 22
擊敗前端面試大作戰! 系列 第 22

技術 [擊敗前端面試大作戰] Image optimization

今天要來針對昨天討論到 core web vital 的優化方法做更深入的討論!記得昨天討論到 Largest Contentful Paint(LCP),然後...

鐵人賽 SideProject30 DAY 26

技術 營養師不開菜單的第二十六天 - 運用 Next.js 內建工具,打造專案效能優化

前言 系列文到二十五天已經大致開發完成,但完成後會開始各種修改及優化,其中也包括效能的優化。效能對於前台網站是非常關鍵的。當網站載入速度緩慢時,可能會導致用戶流...

鐵人賽 Mobile Development DAY 13

技術 [Day13] swift & kotlin 實作篇!(4) 圖片資源

swift 首先我們來看看圖片資源設定 撰寫app的過程中 圖片檔案要非常小心 不要侵犯到別人的智慧財產權喔 為了方便練習 身為工程師的我 弱弱的畫了幾隻素材...

鐵人賽 DevOps DAY 25
Dev's Ops 啟程 系列 第 25

技術 [Day 25] BDD - godog image封裝

封裝 由於之後我打算將godog在CI/CD工具上定期跑BDD測試,所以我想要將godog封裝在image內,以下是我自己寫的dockerfile,提供各位參考...

鐵人賽 Mobile Development DAY 9

技術 iOS Developer Learning Flutter. Lesson8 圖片

今天的文章竟然用到五級標題...是在寫論文嗎...= = Today Preview 1. 基本用法 1.1 跟以前類似, 有分UIImageView(就是...

技術 Java crop / cut image - 使用Java 批量剪割圖片

package cutpicture; import java.awt.Image; import java.awt.image.BufferedImage;...

技術 如何用python區分image暗部及亮部(非亮度)

需要方程式(演算法),不使用POENCV,https://ithelp.ithome.com.tw/articles/10221635如同此網站

鐵人賽 DevOps DAY 9
container & k8s 奏鳴曲 系列 第 9

技術 [13th][Day9] docker image-1

docker 將這樣的 file system 稱為 image(映像/鏡像)。一個 image 可以放到另一個 image 的頂部。位於下層的 image 稱...

鐵人賽 Mobile Development DAY 29
React Native CLI 開發心法 系列 第 29

技術 DAY 29 React Native 效能優化:提升效能實戰(三)& 效能優化總結

延續上一篇優化程式碼的實例,還剩下一個地方需要改善,那就是圖片。 使用圖片快取 (Cache Images) 透過 Cache 減少發送網路請求而且可以更快的載...