javascript 畫圖

-

1. Box plot 畫圖方式

https://zhuanlan.zhihu.com/p/51410048

2. chart js 學畫圖

HTML5

https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/397451/

https://www.itread01.com/p/1024245.html

3. 用 Canvas 畫「我的家」

CanVas 應用:  Canvas 繪圖.影像處理.檔案上傳下載

https://www.youtube.com/watch?v=mL5eCbXBVG8

<canvas> 是一個 HTML 元素，我們可以利用程式腳本在這個元素上繪圖（通常是用 JavaScript）。除了繪圖，我們還可以合成圖片或做一些簡單（或是不那麼簡單）的動畫。右方的影像便是一些運用 <canvas> 的例子，接下來我們將會在教學文件中一一說明。

本教學從基礎知識開始，描述如何利用 <canvas> 進行 2D 繪圖。教學中的範例會讓各位清楚瞭解 <canvas> 該如何運用，另外也會提供程式碼範例，讓大家嘗試製作自己的內容。

<canvas> 最早是由 Apple 為 Mac OS X Dashboard 所提出，之後 Safari 和 Google Chrome 也都採用。Gecko 1.8 作基礎的瀏覽器，如 Firefox 1.5 也都提供了支援。<canvas> 元素是 WhatWG Web applications 1.0（也就是 HTML5）規範的一部分，目前所有主流的瀏覽器都已支援。

https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API/Tutorial

https://medium.com/unalai/%E5%9B%9E%E5%88%B0%E5%B9%BC%E5%B9%BC%E7%8F%AD-%E7%94%A8-canvas-%E7%95%AB-%E6%88%91%E7%9A%84%E5%AE%B6-c7fcfd1d16a






留言

張貼留言

這個網誌中的熱門文章

考績被打差了 輕率離職會更傷

-
  最後是看工作態度與敬業精神，小羊認真負責，但是很少到主管面前走動，主管常常很疑惑他究竟在忙些什麼；而胡大不同，他會主動向主管報備，並提出問題請示主管，在主管心裡留下主動積極的觀感。 考績是一面鏡子，照見的不是你看到的自己，而是主管看到的自己，而主管就是按照以上四個因素在評估你的績效，新的一年就抓緊這四大項辦了吧！ https://www.yes123.com.tw/aboutwork_2020/article.asp?w_id=7082
閱讀完整內容

Arrays - DS (Reverse array) [Easy]

-
  Example Return  . Sample Input 1 Copy Download Array: arr 1 4 3 2 4 1 4 3 2 Sample Output 1 2 3 4 1      static   int [] reverseArray( int [] a) {          int [] b= new   int [a.length];          int  j=a.length;        for  ( int  i= 0 ;i<a.length;i++){          b[j- 1 ]=a[i];          j=j- 1 ;       }        return  b;     }
閱讀完整內容

WireMock

-
(WireMock 在Spring boot 啟動 by chatgpt)  1.在 Spring Boot main 方法中啟動 WireMock Maven: <dependency>     <groupId>com.github.tomakehurst</groupId>     <artifactId>wiremock-jre8</artifactId>     <version>2.35.0</version>     <scope>test</scope> </dependency> 2. 在 Spring Boot main 方法中啟動 WireMock import com.github.tomakehurst.wiremock.WireMockServer; import static com.github.tomakehurst.wiremock.client.WireMock.*; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application {     public static void main(String[] args) {         // 啟動 Spring Boot 應用         SpringApplication.run(Application.class, args);         // 啟動 WireMock 伺服器         WireMockServer wireMockServer = new WireMockServer(8081); //...
閱讀完整內容