css-shapes-editor:用于 CSS 形状的独立浏览器内编辑器

时间:2024-06-24 13:00:40
【文件属性】:

文件名称:css-shapes-editor:用于 CSS 形状的独立浏览器内编辑器

文件大小:408KB

文件格式:ZIP

更新时间:2024-06-24 13:00:40

JavaScript

CSS 形状编辑器 用于直接在浏览器中交互式编辑 CSS 形状值的 JavaScript 库。 它适用于polygon() 、 circle()和ellipse()等功能值。 演示 有关demo/请参阅demo/文件夹。 基本用法 将dist/CSSShapesEditor.js加载到页面中: < script src = "dist/CSSShapesEditor.js" > < / script > 设置编辑器以编辑元素的 CSS 形状值。 形状的交互式编辑器绘制在元素的顶部。 var element = document . querySelector ( '#element' ) ; var shape = window . getComputedStyle ( element ) [ 'shape-outside' ] ; var editor = CSSShapesE


【文件预览】:
css-shapes-editor-master
----.jshintrc(2KB)
----CONTRIBUTING(241B)
----Gruntfile.js(4KB)
----src()
--------main.js(1KB)
--------ToolBar.js(5KB)
--------third-party()
--------PolygonEditor.js(27KB)
--------CircleEditor.js(10KB)
--------Editor.js(6KB)
--------CSSShapesEditor.js(4KB)
--------fragments()
--------EllipseEditor.js(11KB)
--------CSSUtils.js(11KB)
----demo()
--------circle-outside.html(2KB)
--------polygon-outside.html(2KB)
--------reference-box.html(3KB)
--------ellipse-outside.html(2KB)
--------style.css(773B)
----COPYRIGHT(684B)
----test()
--------main.js(1KB)
--------SpecRunner.html(1KB)
--------third-party()
--------spec()
----LICENSE.md(12KB)
----README.md(3KB)
----dist()
--------CSSShapesEditor.js(438KB)
--------CSSShapesEditor-min.js(140KB)
----NOTICE(12KB)
----testem.json(163B)
----.gitignore(98B)
----package.json(781B)

网友评论