blocks|key|870895|text|如果可能的话，请附上SVG图像，并使用插入的Ctrl%2Be添加整个SVG代码(SVG代码)；这样我就可以看到所有细节。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|870896|谢谢,|870897|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If possible, please attach SVG image and add the whole SVG code (Ctrl+e) with inserted editableCssRules=.*; so I can see all the details.
Thanks,

blocks|key|198005|text|这里也有同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|198006|以下是所请求的整个SVG代码：|198007|editableCssRules=.*;aspect=fixed;html=1;points=[];align=center;image;fontSize=12;image=img/lib/azure2/general/File.svg;imageBackground=default;sketch=0;|code-block|syntax|javascript|198008|​|198009|📷|atomic|offset|length|198010|198011|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/4c381a28b4132e32bfc2070866a2e169.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|13|8|@]|9|@$N|14|O|15|1|16]]|A|$]]|$1|P|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

Same problem here.
Here is the whole SVG code as requested :
<pre><code>editableCssRules=.*;aspect=fixed;html=1;points=[];align=center;image;fontSize=12;image=img/lib/azure2/general/File.svg;imageBackground=default;sketch=0;
</code></pre>
<a href="https://i.stack.imgur.com/i8tYe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i8tYe.png" alt="enter image description here" /></a>

blocks|key|871005|text|选项editableCssRules只是做它说的:它使指定的CSS类可编辑；在您的例子中，通过使用editableCssRules=.*;，您使用Regex表达式使SVG中的所有CSS类都是可编辑的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|871006|在修改样式之后，您不会看到任何选项出现，因为您使用的SVG很可能不包含任何CSS类。|871007|您需要编辑SVG文件并添加所需的CSS类，并在路径中引用它们，如下所示：|871008|+<style+type="text/css">
++++.st0{fill:#000000;}+
+</style>+
+<path+class="st0"+d="YOUR_PATH_HERE"/>|code-block|syntax|javascript|871009|现在，在draw.io中再次导入SVG，在将editableCssRules=.*;选项添加到样式之后，您应该能够编辑其颜色，如下所示：|871010|​|871011|📷|atomic|871012|871013|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/172cf66dbb779c50f667e0409ad8f68d.png|imageAlt^0|2|G|1D|K|0|0|0|0|M|K|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1C|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1G|8|@]|D|@]|E|$]]|$1|S|3|T|5|U|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|V|3|R|5|6|7|1L|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13|14|-4]]]]

The option <code>editableCssRules</code> just does what it says: it makes the specified CSS classes editables; in your case by using <code>editableCssRules=.*;</code> you are using a Regex expression to make all CSS classes in the SVG editable.
You are not seeing any options appear after modifying the style because with all probability the SVG you are using does not contain any CSS classes.
You will need to edit your SVG file and add the CSS classes that you need and refer to them in the paths, like so:
<pre><code> &lt;style type=&quot;text/css&quot;&gt;
 .st0{fill:#000000;} 
 &lt;/style&gt; 
 &lt;path class=&quot;st0&quot; d=&quot;YOUR_PATH_HERE&quot;/&gt;
</code></pre>
Now, in draw.io import the SVG again and after adding the <code>editableCssRules=.*;</code> option to the style you should be able to edit its color, like so:
<a href="https://i.stack.imgur.com/r0oDq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r0oDq.png" alt="EditableSVGColor" /></a>

I'm following <a href="https://www.diagrams.net/doc/faq/svg-edit-colours" rel="nofollow noreferrer">this guide on editing imported svg's in draw.io</a> but with no luck. I am not getting the style options after inserting the editableCssRules=.*; code on the svg itself.
Has anyone else experienced this? I have the latest version installed and have restarted my machine.
I'm expecting to see additional Fill options as the guide suggests.
<a href="https://i.stack.imgur.com/MmAjf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MmAjf.png" alt="enter image description here" /></a>

Edit SVG color in draw.io

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我在跟踪，但没有运气。在svg本身插入editableCssRules=.*;代码后，我不会得到样式选项。还有其他人经历过吗？我安装了最新的版本，并重新启动了我的机器。我期待看到更多的填充选项，如指南所建议的。​​

问在draw.io中编辑SVG颜色
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在draw.io中编辑SVG颜色EN