飛狼實驗室[wp]

[nginx]Ubuntu 安裝 Nginx + PHP-FPM + MySQL + phpMyAdmin

發表於 2024-01-19 由 sairwolf

參考網址：https://cumi.co/20221006/

發表於程式設計 | 發表迴響

參考網址：
最近買了samsung tab s6 lite，想發揮它的功能，試著營造程式編輯的環境。
首先當然要有editor
在windows的環境中習慣使用sublime text
在andriod的平台上也是有sublime text 只是功能很陽春，還帶了一大堆的廣告。
vscode的線上版似乎馬言也可以考慮，但試用結果是畫面顯示太複雜，不容易操作。而且存檔時需要將檔案下載，不符合操作習慣。
後來找來quick edit 高級版，得付費。一般版也是一堆廣告。
雖然功能不是很強，但還是勘用，一些簡單的編輯還可以應付。

ssh的部分用termus
sftp的部分用andftp，雖然termus也提供sftp的功能，但操作界面比較不友善。也找不到預設目錄的選項。

samsung 提供dex模擬桌機環境，可以讓平板的操作界面比較像桌機。

發表於程式設計 | 發表迴響

[inkscape]中文字型

發表於 2023-12-24 由 sairwolf

參考網址：https://gemmy886.blogspot.com/2011/03/inkscapesvg.html

Ctrl+Shift+T可以叫出文字與字型對話框，比較好找字體，並可預覽。

Inkscape預設字型並不支援中文字，需使用其它中文字型！
Inkscape預設中文字型依外型可分為三類：細明體、圓體、正黑體，顯示名稱都是英文，
除標示"B5"字型外，其他很難分辨是否支援中文字

Microsoft JhengHei 微軟正黑體 (Default Windows 7 繁體字型)
MingLiU 細明體(等寬的英文字型)
PMingLiU 新細明體(不等寬的英文字型)
KaiTi 標楷體 (找不到)

DF開頭的字型是華康字型

發表於程式設計 | 發表迴響

[php]SVG to PNG

發表於 2023-12-24 由 sairwolf

參考網址：

安裝 imagick 套件 https://www.serverlab.ca/tutorials/linux/administration-linux/how-to-install-imagemagick-for-php-on-ubuntu-18-04/#google_vignette

apt install imagemagick
apt list imagemagick -a

特定版本
apt install imagemagick:6.9.7.4


Installing Imagick PHP Extension
apt install php-imagick
systemctl restart apache2

https://www.phpclasses.org/

<?php
// Load the SVG file
$svgFilePath = 'path/input.svg';
$svgContent = file_get_contents($svgFilePath);

// Create an Imagick object and set the SVG content
$imagick = new Imagick();
$imagick->readImageBlob($svgContent);

// Set the image format for the output (e.g., PNG, JPEG)
$outputFormat = 'png'; // You can change this to your desired image format

// Optionally, you can adjust the image properties as needed
$imagick->setImageFormat($outputFormat);
$imagick->setImageBackgroundColor(new ImagickPixel('white')); // Set background color if needed
$imagick->setResolution(300, 300); // Set resolution (dots per inch)

// Perform the conversion
$imagick->setImageAlphaChannel(Imagick::ALPHACHANNEL_REMOVE); // Remove alpha channel if present
$imagick->mergeImageLayers(Imagick::LAYERMETHOD_FLATTEN); // Flatten the image

// Save the converted image to a file
$outputFilePath = 'path/output.' . $outputFormat;
$imagick->writeImage($outputFilePath);

// Clean up resources
$imagick->clear();
$imagick->destroy();

echo "Conversion completed. The image has been saved to: $outputFilePath";
?>

發表於程式設計 | 發表迴響

[sport]VB將原始表中的兩列資料顯示方式轉換成一列的資料顯示方式，以方便賽程表匯入系統中。

發表於 2023-12-20 由 sairwolf

參考網址：
如何將 Excel 中兩行或多行的表格資料快速轉換成一行？

Excel 連在一起的字串想分割欄位，可使用關鍵字加空格全部取代方式用資料剖析

Excel-時間表示的數值和文字轉換(TEXT,TIME,MID) =TEXT(A2,"hh時mm分")

發表於程式設計, 軟體使用 | 發表迴響

[bootstrap]Bootstrap 5 Offcanvas 改變寬度

發表於 2023-12-17 由 sairwolf

參考網址：https://www.geeksforgeeks.org/bootstrap-5-offcanvas-sass/

bootstrap Offcanvas 預設寬度是400px，要改變寬度，似乎得從SASS下手


.offcanvas { 
    position: fixed; 
    bottom: 0; 
    z-index: var(--bs-offcanvas-zindex); 
    display: flex; 
    flex-direction: column; 
    max-width: 100%; 
    color: var(--bs-offcanvas-color); 
    visibility: hidden; 
    background-color: var(--bs-offcanvas-bg); 
    background-clip: padding-box; 
    outline: 0; 
    transition: transform 2s ease-in-out; 
} 
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { 
    --bs-offcanvas-zindex: 1045; 
    --bs-offcanvas-width: 400px; 
    --bs-offcanvas-height: 30vh; 
    --bs-offcanvas-padding-x: 1rem; 
    --bs-offcanvas-padding-y: 1rem; 
    --bs-offcanvas-color: white; 
    --bs-offcanvas-bg: green; 
    --bs-offcanvas-border-width: 1px; 
    --bs-offcanvas-border-color: var(--bs-border-color-translucent); 
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 
} 
.offcanvas-title { 
    margin-bottom: 0; 
    line-height: 4; 
} 
上方將要改變的參數加入var()
下方再改變值
例如：
上方 width: var(--bs-offcanvas-width);
下方--bs-offcanvas-width: 200px;

發表於程式設計 | 發表迴響

[svg]如何在word中插入svg檔

發表於 2023-12-11 由 sairwolf

參考網址：布丁布丁吃什麼

ms word 2016版以後才支援SVG檔

發表於程式設計, 軟體使用 | 發表迴響

[bootstrap]表格超出頁面寬度的處理方式

發表於 2023-12-04 由 sairwolf

參考網址：https://bootstrap5.hexschool.com/docs/5.0/content/tables/

表格的一些屬性被bootstrap重置了，以致於以下作法無效。
html表格table显示的宽度超出界面的解决方法
https://blog.csdn.net/weixin_44518466/article/details/111921984

<div style="overflow: auto;">
<table></table>
</div>

原因是bootstap針對單一檔案內 CSS 的特定元素重置樣式，重置以便 Bootstrap 準確且一致的建立樣式。
https://bootstrap5.hexschool.com/docs/5.0/content/reboot/

解決方法是直接套用bootstrap的表格設定

<div class="table-responsive">     
<table class="table table-bordered border-primary table-hover">
</table>
</div>

發表於程式設計 | 發表迴響

[nginx]Ubuntu 安裝 Nginx + PHP-FPM + MySQL + phpMyAdmin

[sport]更改左側選單

[sport]文件自動變成兩頁(多一頁空白)的解決方法

[pad]平板的程式編修環境

[inkscape]中文字型

[php]SVG to PNG

[sport]VB將原始表中的兩列資料顯示方式轉換成一列的資料顯示方式，以方便賽程表匯入系統中。

[bootstrap]Bootstrap 5 Offcanvas 改變寬度

[svg]如何在word中插入svg檔

[bootstrap]表格超出頁面寬度的處理方式

書籤

分類

近期文章

近期迴響

彙整

其它