博客 RSS 訂閱

smallhuifei 頭像

smallStone - canvas實現一個部分滾動，特殊圖表

餅圖直接用echarts，但下面的只能自己實現了。 !DOCTYPE html html lang="zh-cn" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titlecanvasLine/title /head style

canvas , 前端

收藏 評論

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

收藏 評論

kaidiwen 頭像

Max迪丶先生 - 解決uniapp生成自定義海報/邀請名片，保存圖片到本地

本代碼片段使用插件《qs-canvas》，支持 Node、web、uni-app 的canvas繪圖工具。 效果圖 安裝npm包 npm install qs-canvas -S 代碼片段 // index.vue template view canvas :id="poster.canvasId" :canvas-id="poster.canvasId

二維碼 , uniapp , vue3 , qrcode , canvas

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 突破Canvas困境：低成本實現Web端流程圖設計功能之道

最新技術資源（建議收藏） https://www.grapecity.com.cn/resources/ 前言 相信大家在職場中經常會用到流程圖，在互聯網行業，繪製流程圖不論在產品的設計階段，還是後期優化業務流程的階段，都有着巨大的價值。事實上，不僅是互聯網行業，流程圖其實廣泛應用於各行各業。 比如説，銀行在辦理開户業務時，會有一套較為複雜的流程，中間不僅有固定的步驟，如審核材料、打印

canvas

收藏 評論

jiuliangxiaodeshuanggang 頭像

SKcakor - qml實現頭像裁剪功能

效果 首先了解一下flickable flickable在確定高度寬度後，使用contentWidth,contentHeight綁定內容大小，當內容大小大於flickable大小時，flickable會自動提供滾動條以便鼠標拖動查看。 所以打開一個圖片後要先調整適合flickable，前提是保持比例，不然根據圖片的比例縮放. 假設flickable是一個正方形，如果圖片長寬比為1:2等，

qt , qml , canvas

收藏 評論

shuirongshui 頭像

水冗水孚 - vue3中實現live2D技術的應用虛擬角色數字人live2d-render、pixi-live2d-display

什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix

虛擬現實 , vue3 , canvas , Javascript

收藏 評論

wsy996 頭像

萬少 - 鴻蒙元服務實戰-笑笑五子棋（2）

鴻蒙元服務實戰-笑笑五子棋（2） 章節導讀 本章節主要講解如何創建元服務和使用 canvas 描繪圖形 目標 上一章最後講到了 笑笑五子棋 主要的技術棧如下： ArkTS API 12 Canvas 元服務獨有的 AtomicServiceTabs 卡片開發 元服務的創建 元服務的上架 那麼本章節就開始實現這個案例。 AGC 平台上創建元服務 需要先在AGC平台上項目，然後再新建

canvas , harmonyos

收藏 評論

wsy996 頭像

萬少 - 鴻蒙元服務實戰-笑笑五子棋（3）

鴻蒙元服務實戰-笑笑五子棋（3） 接上篇。上一篇主要講解了元服務的創建和 canvas 的一些基本使用，直線、矩形、弧形、文本、圖像等。canvas 本身還有很多其他 的功能。這裏繼續圍繞 canvas 進行講解。 createPattern createPattern(image: ImageBitmap, repetition: string | null): CanvasPattern |

canvas , harmonyos

收藏 評論

wsy996 頭像

萬少 - 鴻蒙元服務實戰-笑笑五子棋（4）

鴻蒙元服務實戰-笑笑五子棋（4） 我們在這一章節主要實現五子棋的基本邏輯 核心目錄結構 ├─ets │ ├─entryability │ │ EntryAbility.ets │ │ │ ├─entryformability │ │ EntryFormAbility.ets │ │ │ ├─pages │ │ Index.ets │ │ │ ├─v

canvas , harmonyos

收藏 評論

wsy996 頭像

萬少 - 鴻蒙元服務實戰-笑笑五子棋（5）

鴻蒙元服務實戰-笑笑五子棋（5） 來到最後一章了，這一章節講兩個部分。一是笑笑五子棋的卡片製作，二就是發佈上架。 卡片介紹 Form Kit（卡片開發框架）提供了一種在桌面、鎖屏等系統入口嵌入顯示應用信息的開發框架和 API，可以將應用內用户關注的重要 信息或常用操作抽取到服務卡片（以下簡稱“卡片”）上，通過將卡片添加到桌面上，以達到信息展示、服務直達的便捷體驗效果。 新建卡片 卡片類型分為兩種

canvas , harmonyos

收藏 評論

huanjinliu 頭像

歡進 - 開源 | Warpvas 實現扭曲的畫布

介紹 名字靈感源於 warped + canvas，扭曲的畫布。 畫布可以被扭曲嗎？ 如果你使用過canvas，可能你對setTransform API也有所瞭解，那你可能會給出一個偏消極的答案：只能整體傾斜變形，但做不到扭曲變形。 但這真的做不到嗎？ 我們可以先來想一個問題：如果對於一個方方正正的圖像來説，setTransform API施加的變形效果只能作用於整體，那如果把它從斜對角切成兩份三

webgl , canvas , typescript , 前端 , Javascript

收藏 評論

k21vin 頭像

德育處主任 - p5.js 圓（circle）的用法

點贊 + 關注 + 收藏 = 學會了 如果你剛接觸 p5.js，想知道怎麼畫一個圓，那 circle() 函數就是最適合的入門工具。它簡單到只需要 3 個參數就能畫出一個圓，甚至能輕鬆擴展出彩色、動畫等效果。 circle()的基礎語法 circle() 是 p5.js 專門用來畫圓形的函數 —— 就像現實中用圓規畫圓一樣，只要確定 “中心點” 和 “大小”，就能立刻畫出一個標準的圓。 它可以用來

canvas

收藏 評論

k21vin 頭像

德育處主任 - p5.js 線段的用法

線段是最基礎的圖形元素，就像畫畫時的 “線條”—— 用它可以勾勒輪廓、連接形狀，甚至組合出複雜的圖案。p5.js 的 line() 函數能輕鬆畫出線段，語法比原生 Canvas 要好理解多了。 認識 line ()：線段的 “繪圖指令” 什麼是 line ()？ line() 是 p5.js 中用於繪製線段的函數，作用就像用直尺在兩點之間畫一條直線。它是最基礎的繪圖工具之一，也是組合複雜圖形的 “

p5.js , canvas

收藏 評論

k21vin 頭像

德育處主任 - p5.js 從零開始創建 3D 模型，createModel入門指南

點贊 + 關注 + 收藏 = 學會了 如果你已經開始探索 p5.js 的 3D 世界，那麼createModel()這個 API 絕對是你需要掌握的強大工具。它允許你創建自定義的 3D 幾何模型，為你的創意提供無限可能。 什麼是 createModel ()？ createModel() 用於從一個 OBJ 或 STL 格式的 字符串 中加載 3D 模型，並返回一個 p5.Geometry 對象。

p5.js , canvas

收藏 評論

cason6810 頭像

cason6810 - Vue 項目一種簡單添加水印的方法

Vue 項目中動態添加水印的實現方式 實現思路：Canvas 大法好 水印這個東西，説白了就是一些半透明的文字或者圖案，覆蓋在頁面內容之上。我們這次請出 Canvas 這位重量級嘉賓。Canvas 就像一個畫布，我們可以在上面隨意塗鴉，然後把它當作背景圖貼到頁面上。 核心代碼實現： setWaterMark() { // 創建一個看不見的"畫布" const canvas = do

canvas

收藏 評論

old_it 頭像

老IT人 - NVIDIA RTX™ GPU 在 Houdini 中的渲染表現實測

近期我們的技術小夥伴對 NVIDIA RTX™ GPU 在 Houdini 中的渲染表現進行了詳細的測試，本次測試共選用 6 張 GPU，分別測試每張 GPU 在大、中、小三個場景中的性能表現，並將同級別的 NVIDIA Ada Lovelace 架構 GPU 與 NVIDIA Ampere 架構 GPU 進行對比分析，為大家更直觀地呈現 GPU 性能提升。 測試環境 測試場景 從左到右依次為

segmentfault

收藏 評論

old_it 頭像

老IT人 - 加速 Siemens NX 工作流：NVIDIA RTX™ GPU 性能表現實測

近期評測組對 NVIDIA RTX™ GPU 在Siemens NX中的性能進行了詳細的測試，本次測試共選用6張 GPU，測試每張 GPU 在 Siemens NX 軟件中導入模型速度、有限元分析時長、渲染視口流暢度等應用環節的性能表現。 測試環境 測試項目 1. 數模導入的加載時間 在此測試項目中，我們選用一個643MB的總裝數模，從測試結果可以看出，在數模導入過程中，GPU 的利用率基本拉

segmentfault

收藏 評論

zhidechaomian_detxs7 頭像

睿智的炒蘑菇 - 項目管理工具：讓團隊協作像“微信羣”一樣簡單

引言：數字化時代的協作困局 在全球化競爭與技術迭代加速的背景下，企業團隊面臨前所未有的協作挑戰。麥肯錫研究顯示，知識型員工每週平均耗費20%的工作時間處理協作低效問題，而項目管理協會（PMI）2023年報告指出，因協作障礙導致項目失敗的比例高達39%。這種背景下，項目管理工具正從簡單的進度記錄器進化為組織數字化轉型的核心樞紐。 一、團隊協作的六大核心痛點 1. 信息黑箱與進度能見度缺失 跨部門協作

github , segmentfault , 人工智能

收藏 評論

old_it 頭像

老IT人 - NVIDIA RTX™ GPU 低成本啓動零售 AI 場景開發

零售行業正在探索應用 AI 升級客户體驗，同時優化內部流程。面對多重應用場景以及成本優化壓力，團隊可採用成本相對可控的方案，來應對多重場景的前期項目預演和落地，避免短期內大規模投入造成的資源浪費。 客户體驗 AI 場景的研究目前集中在AI 客服，內部流程主要是AI 營銷、合同生成、合規審查和供應鏈優化等。在項目研究和前期預演階段，採用NVIDIA RTX™ 系列的高性能GPU，進行本地化部署大模型

segmentfault

收藏 評論

segmentfault 頭像

SegmentFault思否 - SegmentFault 思否 Top Writer 榜單｜2025 年第一季度

他們是社區的基石，也是行業發展、技術發展的源動力。他們是一羣活躍在 SegmentFault 思否社區的一羣卓越的開發者，他們熱衷於分享知識與經驗，他們佈道技術與未來，他們讓眾多開發者受益，他們叫「Top Writer」。 2025 年的第一個季度已經悄然結束。AI 協作、AI 自動化在前後端開發領域繼續發揮潛力，推動着技術的發展和突破。與此同時，社區的開發者們也依然在貢獻着自己的力量，分享自己的

segmentfault-top-writer , segmentfault

收藏 評論

old_it 頭像

老IT人 - 多元場景需求下，遊戲開發的 GPU 選型攻略

遊戲市場正在不斷開發出新的場景需求，遊戲開發團隊在傳統業務之外也都在打磨新的工作流，來應對高質量的遊戲製作任務和短平快的 AI 遊戲。這不可避免地涉及到生產力工具 GPU 的升級，而團隊都希望“花小錢，辦大事”，用一套高性價比的方案支撐起多元的應用場景和不同的工作流。 但目前 GPU 架構正在迭代，AI 工具、VR/AR 工具又以百花齊放的姿態不斷涌現出來，對於遊戲開發團隊做 GPU 採購（一種中

segmentfault

收藏 評論

old_it 頭像

老IT人 - 交通類 AI 項目預演階段，本地化部署的一些新思路

交通行業的 AI 應用場景目前主要涵蓋交通公共服務體驗優化、汽車等交通工具的智能化升級和物流的智能化轉型。大部分應用場景仍在項目實驗階段。此階段需要有效地平衡項目需求、成本和開發效率。 在項目預演階段中，通常小規模算力就可以滿足需求。此階段主要是對模型的可行性、架構設計的合理性以及算法的有效性進行初步驗證，此時模型規模相對較小，參數數量和複雜度都處於較低水平。 例如，在構建一個簡單的文本分類預演模

segmentfault

收藏 評論

old_it 頭像

老IT人 - 錨定效能：能源行業可視化應用場景與 GPU 適配

能源產業智能化升級在加速，工程設計等應用場景中的工具、技術路徑等發生了一些改變，同時 GPU 也在更新迭代，從過去大家所熟知的 NVIDIA Turing™架構、NVIDIA RTX™Ampere 架構，已進階到 NVIDIA Ada Lovelace 架構，算力已不可同日而語。鑑於很多朋友在選型新架構 GPU 的時候經常有疑惑，我們這裏給大家整理了工程設計場景中的一些 GPU 適配建議。 1、3

segmentfault

收藏 評論

benfangdechaofen 頭像

奔放的炒粉 - 拆解模糊需求管理需要明確需求邊界

拆解模糊需求管理需要明確需求邊界、採用需求細化與分解方法、加強與利益相關者的溝通、設立優先級管理機制、持續迭代與反饋。其中，明確需求邊界尤為重要，它可以幫助團隊準確理解用户的核心訴求，避免需求膨脹與偏離實際目標。通過邊界明確，團隊能夠集中資源有效解決關鍵問題，大幅降低項目失敗風險與成本浪費。 一、模糊需求的成因與挑戰 模糊需求通常源於利益相關者對目標的不確定性、溝通不暢或市場環境快速變化。當

graphql , segmentfault , HTTPS , restful , 程序員

收藏 評論