CSS Shapes Editor

提供方:Razvan Caliman
2020年01月18日
17718 个用户
版本:1.3.0
更新时间:2015年5月21日
大小:83.96KiB
               

简介

使用与所选元素重叠的交互式编辑器来创建和调整CSS Shapes值。

2015年5月21日更新:

对于多边形,无单位零坐标将继承非零同级坐标单位,而不是默认为像素。
示例0 100%=> 0%100%

形状边栏:
DevTools元素面板的新边栏称为形状”,该边栏提供控件来创建和编辑CSS Shapes值,例如所选元素上的polygon(),circle()和ellipse()。

多边形:
单击形状的边缘以添加新点。拖动点以更改形状。双击要删除的点。选择变换工具以移动,缩放和旋转多边形形状。

圆圈和椭圆:
拖动形状以使其移动。拉动边缘和角落以缩放和调整大小。

更新记录
===

2015年1月13日更新:

提供针对Chrome 40+回归的解决方法,在选择要编辑的元素时会导致编辑器失败。

2014年12月8日更新:

该扩展名被错误地指控传播恶意软件。它不是。

它的源代码始终可供检查:https://github.com/oslego/chrome-css-shapes-editor

最新版本(版本1.2.0)解决了可由第三方恶意脚本利用的某些潜在漏洞。

如果您遇到来自浏览器的恶意行为,请重置浏览器设置:
https://support.google.com/chrome/answer/3296214