如何縮放“剪輯路徑：路徑”？
                        

                        
                        

                            
我有一個clip-path，它切割出一個特定形狀的物體。問題是它是在絕對坐標系下設置的。如果我把%放在那里，它就斷了。如何縮放它，使其適合畫布邊界，并與畫布一起拉伸？
 

 


                        


                        

                            


                                

                                    
                                

                            

                            

                        


                    

                


                

                    

                        
? 最佳回答：
                        


                    



                    

                        

                            

                                

                                    
                                    


                                        
您可以使用另一個svg并向其中添加clipPathUnits="objectBoundingBox"
 

更多信息請點擊這里
 

 

 
 
 
  
.canvas {
  width: 200px;
  height: 200px;
  background-color: black;
}

.clip {
  width: 100%;
  height: 100%;
  background-color: orange;
  clip-path: url(#path);
}
 
  
<svg height="0" width="0">
  <defs>
    <clipPath id="path"  clipPathUnits="objectBoundingBox">
      <path d="M 0,0.5
           Q 0.50,0.15 1,0.50
           Q 0.50,0.85 0,0.50">
      </path>
    </clipPath>
  </defs>
</svg>
<div class="canvas">
  <div class="clip">sadf</div>
</div>
 
 
 

 


                                    



                                


                            

                        

                    



                


                




            


            
        

    








    
    
    




主站蜘蛛池模板：
冲田杏梨AV一区二区三区|
美女啪啪一区二区三区|
亚洲av无码不卡一区二区三区|
国产精品视频分类一区|
熟女大屁股白浆一区二区|
高清一区二区三区视频|
女人18毛片a级毛片一区二区|
日韩亚洲AV无码一区二区不卡|
久久一区二区三区免费|
国产成人精品亚洲一区|
色综合视频一区中文字幕|
亚洲午夜一区二区三区|
亚洲一区中文字幕久久|
精品日产一区二区三区手机|
久久精品国产一区二区三区|
视频一区二区在线播放|
美日韩一区二区三区|
亚洲大尺度无码无码专线一区|
亚洲av无码不卡一区二区三区|
伊人色综合一区二区三区|
久久精品国产一区二区|
久久国产精品一区|
中文字幕一区二区三区在线播放
|
国产无线乱码一区二三区|
国产福利电影一区二区三区，亚洲国模精品一区
|
狠狠做深爱婷婷综合一区
|
国产一区二区精品久久91|
亚洲欧美日韩中文字幕一区二区三区|
麻豆一区二区在我观看|
精品无码一区二区三区在线|
国产精品一区二区久久|
无码人妻精品一区二区蜜桃
|
久久人妻无码一区二区|
亚洲av成人一区二区三区观看在线
|
精品欧洲av无码一区二区三区|
精品无码一区二区三区在线|
蜜臀AV无码一区二区三区|
国产人妖在线观看一区二区|
区三区激情福利综合中文字幕在线一区亚洲视频1|
性色AV 一区二区三区|
日本欧洲视频一区|