chore: small changes

liriliri · Jan 24, 2024 · addf7c4 · addf7c4
1 parent eb9fb75
commit addf7c4
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/src/painter/icon.css b/src/painter/icon.css
@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'luna-painter-icon';
-  src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWsAAsAAAAACNgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAGkAAACQIVkl8k9TLzIAAAF0AAAAQAAAAFZL/UkiY21hcAAAAbQAAADUAAACeqrBOT1nbHlmAAACiAAAAQoAAAFIJXA1lWhlYWQAAAOUAAAAMwAAADZzrr4+aGhlYQAAA8gAAAAcAAAAJAGSANlobXR4AAAD5AAAABQAAABEAlj//2xvY2EAAAP4AAAAEgAAACQEsgUAbWF4cAAABAwAAAAfAAAAIAEfAEZuYW1lAAAELAAAASkAAAIWm5e+CnBvc3QAAAVYAAAAUgAAAHM8IYupeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiC2YWBm4GGQYdACizMysAIhGwM7WI6FgQmIOYF2cYN5zEAZXiCPj4GfQQAowgwU42DgAQCWwAaOAAAAeJxjYGRQZpzAwMrAwFDH0AMkZaB0AgMngzEDAxMDKzMDVhCQ5prCcIAh8SMzwwkgV4jhJAMLkGYEyQEAYkcIrXiczZJBboMwEEWfMQ0QEoKyjKKeoJdK20hFqlBEFKkH6iqnyVU4AfmDJ4uq2y461gP5G0bf/gaegCheRA7hSsDqW2qY9chy1nO+NN/SSsk40vFJz4kzlzFOk9YOfLg2SAuz9rOC/t+x9/GsAZU6N9SsKdmo+5KVXBUs9HVm3sLiV5+/rypv6jWUGx4WzMH/qdX8vPmsxU47UYlXRwny5jTi3anF0dEulVOiFJ2jnSu9hPXvHaWvRBPmYnDs5pydQlwcndoYEnaDxiyBvWOCeAeErCLIeJxNUM1Kw0AQ3tns7qTpbiVp/jzYaiAJSEFIE4OI6SkHvenVixdvXnwLHyA+gm8Rz43vJMQJYnEGhm+++Zj5GMYZG7/ZF6Vha8ZqVMkFZOUOLovQxwXkDeRV1vAwWoGv9i0XPAb+yIV49utYLywL3SiaKcTPJ86PuYRbEPIjsI0VGK5jTylHeUuXUcA4Uu3ZwK7oUpkl6oR2JtkN/OKcqr+GFVxD0cAf+18x4erVdlBIgXOMhZnJjT5zbe90eWCFtHqJKB/IJG+lbcuXUDpGnGtDsvuJ2BxG7YTIlZgMkrOBELI5O5p+EWxrrKIqr6MdRNh1Zden+k4bnerhfdu9pWlBbUr5A8vDKEIAAHicY2BkYGAAYos3Lgnx/DZfGbgZTgAFojgf72uA0f/////DcBIIGRg4GJiAJAMAfk8O3AB4nGNgZGBgOMEAAif+AwHDSQZGBlQgCACUugZpeJxjYACCEyD8/z+YJgMAAP0ZBFd4nGNgAAIzhhaGJbghAJMyCbMAAHicY2BkYGAQZLBiYGEAASYg5gJCBob/YD4DABAbAWYAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxdxcsKgCAUQMF7Snu/7A9TAwWRKPr/FtGm2YwU8vr+MxSUKDQVNQ0tHT0DIxMzC4ZVtD3vK6iwZV8de3YxYTm5uQhsZDwHO45IEnkAblAMiwAA')
+  src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAYwAAsAAAAACbAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAHIAAACiIaMmZk9TLzIAAAF8AAAAQAAAAFZL/UkoY21hcAAAAbwAAADpAAACqrQuLapnbHlmAAACqAAAAVgAAAGwNODHimhlYWQAAAQAAAAANAAAADZzrb5AaGhlYQAABDQAAAAeAAAAJAGRAN1obXR4AAAEVAAAABYAAABUAyH//WxvY2EAAARsAAAAFAAAACwHmggcbWF4cAAABIAAAAAfAAAAIAEjAEZuYW1lAAAEoAAAASkAAAIWm5e+CnBvc3QAAAXMAAAAYwAAAIbYD5CceJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiD2AbL5GOQYdICmgWQYGVgZ2BjYgXKcYD4TEHMxcDPwgHnMQDk+II+fQYBBEGoSC4MwEIqAeaxAXbwMQgAqNQdMAAB4nGNgZFBjnMDAysDAUMfQAyRloHQCAyeDMQMDEwMrMwNWEJDmmsJwgCHxIwvDCSBXiOE0AwuQZgTJAQBjaQizeJy90ktOwzAQxvG/G6c0Tdo0TRaIJWLJpXhUohKPqlUl1POw4nY5QfnGHiSWbGCsXyJP4vgxAUqgkFuJED4JWHwoG1K+YJ7ykXf1V2r2/oYtOw4cOY3xfFbmjiee2adMSJmfETTukiuuuUkNfbWkpWFJpWcdAzU9C6bMuGCtERPNZGua8vcxL9tmCdUKuqHutQxbhWL9D5P/Ihq7hO/egJ13pupw76yaD66VR2ejN067VKWySrZOO1f9sk5enM316mp5c73s3EL2zqp1cDM5OjvNk9OhjiGzTY2TDLsXmf1lY8yIX5J3Jp4AAAB4nE1Qu07DMBT1df1IWyfUSVoHkaQQybZUVUXqgxYh0qkDbLCysLCx8BdsLOET+IsyU8QvIYoDosJXujr33Ne5Rhih7Sd6d+ajPkJzzopjMNMlnIx7MQ/AlmBnpsQ9lUPM3laY4ATwDSbkLp4nImg0uFSqyTh/vcV4H1O4AEJfup7f6PpYJCFjLRZGErkH263za7RBp27T1BQsczMLcw6/2Dof9yGHMxiX8Mf+r6jx7MFrcUIJb/OE+E06FEfSCw+jHUtoY005p9dOJF5Rz6P3PdryyUD4ruyqJoa71KpGThWpBTplG4c4aqO9+i+6kzmfqZmdqyUoXlXTaq3FpfCFFpvnSfWo9diF2hnC26+f/g8kUe56e4pbZo0dQYlzzOx0BEUAcV5f9mSicNEv0rDNRKp1X5JAZkUqZVpk8tJEctH1uOoYfdDmygxSmUmXzzqdDH0DRxM1PnicY2BkYGAA4uPRCqbx/DZfGbgZTgAFojgf72uA0f///f/DcJLhNFAlBwMTkGQAAHEgDox4nGNgZGBgOMEAAif+//v/n+EkAyMDKhAFAJSnBmwAAHicY2AAghMg/P8/lP7HQCEAAPksBxwAAHicY2AAAjOGFoYlDDcIQQAlzQ+3eJxjYGRgYBBlsGJgYQABJiDmAkIGhv9gPgMAEIcBagB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nF3FyQ6CMBRA0XehRQXFAeH/GJqUhA4pYcPXszBuOJsjmfz8P2vJyFFoCi5cuVFScedBzZMXbz40fGnpRA9pW62yvZ+KaPw4L2oPwTGQ2Fix9HgmIoaRmYWdgBM5AEItEAcA')
     format('woff');
 }
 
@@ -23,3 +23,6 @@
 .icon-pencil:before {
   content: '\f103';
 }
+.icon-zoom:before {
+  content: '\f104';
+}
diff --git a/src/painter/icon/zoom.svg b/src/painter/icon/zoom.svg
diff --git a/src/painter/index.ts b/src/painter/index.ts
@@ -4,7 +4,7 @@ import $ from 'licia/$'
 import each from 'licia/each'
 import ResizeSensor from 'licia/ResizeSensor'
 import { exportCjs, drag, measuredScrollbarWidth } from '../share/util'
-import { Brush, Pencil, Hand, Tool } from './tools'
+import { Brush, Pencil, Hand, Zoom, Tool } from './tools'
 
 const $document = $(document as any)
 
@@ -38,6 +38,7 @@ export default class Painter extends Component<IOptions> {
   private brush: Brush
   private pencil: Pencil
   private hand: Hand
+  private zoom: Zoom
   private activeLayer: Layer
   private resizeSensor: ResizeSensor
   constructor(container: HTMLElement, options: IOptions = {}) {
@@ -72,6 +73,7 @@ export default class Painter extends Component<IOptions> {
     this.brush = new Brush(this)
     this.pencil = new Pencil(this)
     this.hand = new Hand(this)
+    this.zoom = new Zoom(this)
 
     this.useTool(this.options.tool)
   }
@@ -110,6 +112,8 @@ export default class Painter extends Component<IOptions> {
         return this.pencil
       case 'hand':
         return this.hand
+      case 'zoom':
+        return this.zoom
     }
   }
   getCanvas() {
@@ -138,6 +142,9 @@ export default class Painter extends Component<IOptions> {
           <div class="tool" data-tool="hand">
             <span class="icon icon-hand"></span>
           </div>
+          <div class="tool" data-tool="zoom">
+            <span class="icon icon-zoom"></span>
+          </div>
         </div>
         <div class="viewport">
           <div class="body">

diff --git a/src/painter/tools.ts b/src/painter/tools.ts
@@ -114,3 +114,5 @@ export class Hand extends Tool {
     viewport.scrollTop = this.startScrollTop - deltaY
   }
 }
+
+export class Zoom extends Tool {}