鐵人檔案
方法一 此多邊形方法雖然不是小畫家的畫法，但一樣可以達成多邊形的做法，如下： /** * 滑鼠點下畫布 */ const handleMou...
說明 ctx.font = "30px sans-serif" //文字字型 大小 ctx.fillStyle="#00A0E9&...
說明 在選擇剪下時，我們可以建立一個新的 canvas來建立我們所剪下的內容 /** * 滑鼠點下畫布 */ const handleMou...
關於前面的小畫家 復刻小畫家先做到昨天作為最後一篇，接下來會帶各位，利用前其所學的功能，製作各種canvas 互動小東西！敬請期待。 這邊也附上前面的所製作的...
import "./styles.css"; import useBall from "./hooks/useBall"...
import { useEffect, useState, useRef } from "react"; import "./st...
程式碼 今天來學習文字換行 export default function App() { const canvasRef = useRef(null);...
前述 接續昨天做的『文字換行』，今天利用上一篇的操作來做一個應用，這次的應用靈感是從這個網站來的，滑到最下方，有一個填上文字、修改位置與大小，就可以下載成為賀卡...
前述 今天因為時間不足 T_T ....所以教大家使用 qrcode.react ，可以很快速的產生 QRCode! qrcode.react qrcode.r...
Fabricjs 官方文檔 Fabric.js is a powerful and simpleJavascript HTML5 canvas library...
