fix

src/component/Canvas/canvasExample.vue

@@ -356,8 +356,8 @@ body {
 
 .custom-tool-btn {
   position: relative;
-  width: 36px;
-  height: 36px;
+  width: 3.5rem;
+height: 3.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -365,7 +365,7 @@ body {
   border: none;
   border-radius: 4px;
   cursor: pointer;
-  font-size: 16px;
+  font-size: 1.6rem;
   color: #333;
   transition: all 0.2s ease;
 }
@@ -386,11 +386,11 @@ body {
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.7);
   color: white;
-  padding: 4px 8px;
-  border-radius: 4px;
-  margin-left: 8px;
+  padding: .4rem .8rem;
+  border-radius: .4rem;
+  margin-left: .8rem;
   white-space: nowrap;
-  font-size: 12px;
+  font-size: 1.2rem;
   z-index: 10;
 }
 
@@ -399,8 +399,8 @@ body {
   position: absolute;
   top: 50%;
   right: 100%;
-  margin-top: -5px;
-  border-width: 5px;
+  margin-top: -.5rem;
+  border-width: .5rem;
   border-style: solid;
   border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
 }