Skip to content

导出图片边缘化,连接线看不到 #4603

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sjh612 opened this issue Apr 9, 2025 · 1 comment
Open

导出图片边缘化,连接线看不到 #4603

sjh612 opened this issue Apr 9, 2025 · 1 comment

Comments

@sjh612
Copy link

sjh612 commented Apr 9, 2025

问题描述

Image

const exportGraph = () => {
  if (!graph.value) return;
console.log('graph.value',graph.value.getContentBBox())
  // 导出图片
  graph.value.exportPNG('process-graph',{
   backgroundColor: '#f8f9fa', // 设置导出图片的背景色
   width:graph.value.getContentBBox().width,
   height:graph.value.getContentBBox().height,
   padding:100,
   quality: 1,
  });
};

重现链接

https://gitee.com/songtonngxue/vue3-element-plus-vue/blob/master/src/views/features/process/components/ProcessCanvas.vue

重现步骤

导出图片边缘显示不全

预期行为

解决这个问题

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox ...]
  • X6 版本: [2.11.1 ...]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

@x6-bot
Copy link
Contributor

x6-bot bot commented Apr 9, 2025

👋 @sjh612

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.
We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant