draw-image-editor
Version:
canvas fabric work correct
1 lines • 13.2 kB
CSS
.offsideItem .menuActive{background:#ded8d8}.offsideItem .size:hover,.offsideItem .sizeActive{background:#00be00}.offsideItem .color:hover,.offsideItem .colorActive{background:#fff}.offsideItem .configActive{display:-webkit-box;display:-ms-flexbox;display:flex}@font-face{font-family:iconfont;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAL0AAsAAAAABtAAAAKnAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBXIFPATYCJAMICwYABCAFhG0HLhvzBRHVkz1kXx5wh+QrPgHpVGhZh+tr8e1wLQNryoriC5fV8V7Hw//v922fe+/7c8c0qaZZE02ToMkaiTQhoRlSgkxi0SE0iWIhP3jeHT1IEq2V0EVZeHFbW8QfrJDrITjKej9/rlXaWhsEg8r6LWm71LBvhw/wyG//t0X+Ja2eYZHX4bLLvhgwdpZfD4MB8D+X05tABzLqA+W05qCNR72AenEgBTTWpsgKJPSGsZsIHuBxAj2mbYqTujaqAowLxFNzFrUQVhQnV4VOw9JCvNWoSdJnijf8+/GX2oqKpMmAqddPyubgB/VDftamDygiQtBXN8jYRCHuNqYvZeFQWU+6mOdYxcEP7Z9axVFNwvnrQGEfmNTFzyTB0kfNJXisti5we9INxMUx9uvLGkNmz/G9GUHPoc+e61qbvYfbYSWmP3WonnHf1Ghd9cjsrKXcUxiIJgmbp0T2w2MgefJ53iPzfpIT8H2J839XUp4j4rwAoS0mz3jgIqK8WfVU+A5w1OA0aXUllBEHoMX8Lm//1d+49/f8Xtu59irga+8nwoMtFsO81HNbwz+UDKwpsQxYUgkljY3Jxb0pe2CMlgL+Ed+n6sdvOB+q8QneLlMZZNUiWsjNSKPXVQrpqPZ16LHhfHWvUTeyKBrWvdYgDHkPyYCPkA35ghbyGzQm/IeOocjQ436MbtlrWQojILwzvuDxB/Nso0Q2FqJ4gert75SXcXqDNJgYFGlezjUYkZaYMXxUySxBUhug1k5D71voqLX45FQzd1WWyaY3pc82JMIx4Z3xBR5/YJ5tlLQ5i8rnF6je/k4dnJHgBmkwnYNCKh+ANuo4iPMorwwfVWKWQFIbQK050cN0C7rmQRafnNITkl0lM+rJoep0e234uy3QAxhSwOqs3NyjSxIA") format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAARcAAsAAAAABtAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8dkfyY21hcAAAAYAAAABKAAABcOcotapnbHlmAAABzAAAAKwAAADcyTdZIGhlYWQAAAJ4AAAALwAAADYbNsd3aGhlYQAAAqgAAAAcAAAAJAfeA4NobXR4AAACxAAAAAgAAAAICAAAAGxvY2EAAALMAAAABgAAAAYAbgAAbWF4cAAAAtQAAAAeAAAAIAENAFRuYW1lAAAC9AAAAUUAAAJtPlT+fXBvc3QAAAQ8AAAAHQAAAC5zcm9xeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMTxjYG7438AQw9zA0AAUZgTJAQDdJQvjeJztkLENgDAQA8/KQ4EYgSo1s1Cxf8kaycfAFrF0lnz66oEFKMmZBOhGjFxpZV/Y7IPqmxj+obW/c4cbrczs7uNb/tUL6ijqCWkAAHicJY1BCsIwEEXzLVRmaCIlUksXShutJAsLUnTp0mvkhB7AM3gD8SrVSV3+9/+bUVDq+8oe2ajuStlNZTCgH2+4bLFCWy7zEyScd6jMYkDZHvtxTusV8i4N2/I6b/Muiakrn6EgpyNz1I6KAOf1gUykhiPB1pwI25QocmPZT5+gHYvRCJDCI3ojqgCOcst49EHTfr7JtQX56e1FpXlBSRGg+f+VpAjof7NvH2J4nGNgZGBgAOLU10uPxPPbfGXgZmEAgTvcB/ci6P9nWBiYTYBcDgYmkCgAT/kLRAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAQBHCAJrBAAAAAQAAAAAAAAAAG4AAHicY2BkYGBgYvBgANEgFgMDFxAyMPwH8xkAD58BYgAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAiZGJkZmBpSgxL5uBAQAKAQHGAAAA) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(static/img/iconfont.f99d0911.svg#iconfont) format("svg")}.iconfont{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-rank:before{content:"\e600"}.draw-brush{width:46px;position:absolute;top:0;right:-60px;z-index:9999;background:#f3f2f2;border:1px solid #999;border-radius:5px}.draw-brush>.menu-item{border-bottom:1px solid #999}.draw-brush .menu-item{width:46px;padding:8px 0;text-align:center;position:relative}.draw-brush .menu-item.cancel-btn,.draw-brush .menu-item.save-btn{border-top:1px solid #999}.draw-brush .menu-item .font{font-size:26px;cursor:pointer;color:#999}.draw-brush .menu-item .btn-txt{font-size:16px;font-weight:700;cursor:pointer}.draw-brush .menu-item .btn-txt.save-txt{color:#1a9bff}.draw-brush .menu-item .btn-txt.cancel-txt{color:#f56c6c}.draw-brush .menu-item .item-config{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:38px;position:absolute;background:#fff;border-radius:5px;border:1px solid #ddd;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:48px;top:-95px}.draw-brush .menu-item .item-config span{margin:6px auto}.draw-brush .menu-item .item-config .size{border-radius:50%;background:#c6c6c6;cursor:pointer}.draw-brush .menu-item .item-config .size.small{width:6px;height:6px}.draw-brush .menu-item .item-config .size.normal{width:9px;height:9px}.draw-brush .menu-item .item-config .size.big{width:12px;height:12px}.draw-brush .menu-item .item-config .color{display:block;width:7px;height:7px;border:4px solid transparent;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box}.draw-brush .menu-item .item-config .color.red{background:#ff1e10;border-color:#ff1e10}.draw-brush .menu-item .item-config .color.yellow{background:#ffbe00;border-color:#ffbe00}.draw-brush .menu-item .item-config .color.blue{background:#1a9bff;border-color:#1a9bff}.draw-brush .menu-item .item-config .color.green{background:#1aad19;border-color:#1aad19}.draw-brush .menu-item .item-config .color.black{background:#4d4d4d;border-color:#4d4d4d}.draw-brush .menu-item .item-config:after,.draw-brush .menu-item .item-config:before{content:" ";position:absolute;border-left:8px solid transparent;border-top:8px solid transparent;border-right:8px solid #d0d0d0;border-bottom:8px solid transparent;left:-7px;top:50%;margin-left:-10px}.draw-brush .menu-item .item-config:after{border-right:8px solid #fff;left:-6px}.fabricCanvas{max-width:1000px;position:relative}