canvas相关内容

在 JFrame 上绘制画布

我正在尝试用 Canvas 绘制简单的形状,在这个类中我已经设置了绘画 公共类游戏扩展画布{//字段公共 int 宽度 = 1024;公共 int 高度 = 宽度/16 * 9;//方法公共无效开始(){维度大小 = 新维度 (WIDTH, HEIGHT);setPreferredSize(大小);油漆(空);}公共无效油漆(图形g){g.setColor(Color.GREEN);g.fill ..
发布时间:2022-01-24 14:25:41 Java开发

您不需要 Canvas 或 JPanel 来绘制吗?

我一直认为 Canvas 或 JPanel 是在 JFrame 上放置图形所必需的,但是我之前看到一个视频,其中该人在扩展 JFrame 时使用paint(graphics g) 并且没有制作面板或画布.如果是这种情况,为什么人们还要费心制作 Canvas 或 JPanel? 解决方案 JFrame 扩展自 Frame,扩展自 Window,扩展来自 Container,扩展自 Compo ..
发布时间:2022-01-24 14:14:18 Java开发

IllegalArgumentException:宽度和高度必须是 >0 从视图加载位图时

我正在尝试在 ImageViewTouch 上绘图,这是一个启用捏缩放的库.我可以使用 Canvas 在图像上绘图,但是当我缩放图像时,绘图消失了. 为此,我正在尝试将视图转换为位图并为同一视图设置 theImageBitmap.代码如下: mImage.setDrawPath(true);mImage.setImageBitmap(loadBitmapFromView(mImage)); ..
发布时间:2022-01-24 09:10:43 Java开发

在 Flutter Canvas 中使用 Gradient 和 Paint 对象

我可以使用以下示例绘制一个半圆:Flutter如何画半圆(半圆) 然而,Paint 对象似乎只接受 Color(使用 Paint.color).我想添加一个 RadialGradient 或 LinearGradient 作为 Color.这可能吗? 解决方案 是的!这完全可以使用 Paint.shader. 您可以直接使用 dart:ui 创建渐变着色器,也可以使用 Gradie ..
发布时间:2022-01-23 12:08:28 其他开发

Flutter CustomPainter画布旋转枢轴

在我的 Android Studio 项目中,我简单地旋转画布,如下所示 canvas.rotate(angle, cx, cy); cx 和 cy 是屏幕的中心(即枢轴).但是在 Flutter 中,只有一个 rotate 方法: canvas.rotate(双弧度) 正如你所看到的,当我通过绘制一些矩形并旋转它来测试它使用的枢轴时 它使用左上角作为枢轴点.有没有办 ..
发布时间:2022-01-23 11:54:20 其他开发

如何在charts.js 中旋转饼图?

看起来像 charts.js 中的饼图是通过在圆的上半部分取垂直半径,然后从那里顺时针移动来绘制的.这在大多数情况下都很好用,但是对于只有 2 个类别的饼图,如果可以旋转它以使切片居中,那就太好了,如下所示: 旋转是通过取 360 的百分比并除以 2 来计算的.(.14*360)/2 = 25.2 度左,所以如果我可以申请的话 变换:rotate(-25.2deg); 到那个圈子我就好了 ..
发布时间:2022-01-22 16:22:16 前端开发

两点之间的Chartjs线条颜色

有没有办法在chart.js的两点之间设置特定部分的线条颜色? 我想将部分 00-07 涂成灰色,07-15 红色和 15-23 蓝色. 这是我作为 options 对象中的 data 属性传递来初始化图表的内容: var chartData = {标签:[/* 字符串的一维数组 */],数据集:[{标签: '',data: [/* 总计的一维数组 */],填充:假,背景颜色:'#e ..
发布时间:2022-01-22 16:15:21 前端开发

ChartJS 条形图,带有对应于每个条形图的图例

我正在尝试了解其条形图上的 ChartJS 文档.它对我来说没有意义,因为顶部的标签在某种意义上看起来好像它只适用于第一个条形(基于颜色),而在另一种意义上,整个图表(它是唯一的标签不在工具提示中,它在前面和中间) 我一直在努力让它更像他们的折线图,它显示了一个带有标签的图例和一个与图表上的每条线相关的彩色方块.(他们没有多线图的例子,但它确实像这样工作). 数据对象中的标签属性被转换 ..
发布时间:2022-01-22 16:09:43 前端开发

ChartJS 甜甜圈图表渐变填充

所以我尝试为 ChartJS 圆环图制作渐变填充,但这仅适用于水平而不是圆形. 这是我正在使用的代码: var ctx = document.getElementById("chart-area").getContext("2d");var gradient1 = ctx.createLinearGradient(0, 0, 0, 175);gradient1.addColorStop( ..
发布时间:2022-01-22 16:09:12 前端开发

如何使用 chart.js 将图像作为标签添加到画布图表

我正在生成一个 chart.js 画布条形图.我想要做的是,在标签数组中,添加与每个标签一起使用的图像,而不仅仅是文本标签本身.这是图表的代码:我从中获取数据的 json 对象有一个我想用来显示图片的图像 url: $.ajax({方法:“获取",url: "http://localhost:3000/admin/stats/show",数据类型:“json",错误:函数(){console.l ..
发布时间:2022-01-22 16:08:44 前端开发

chartjs + Angular6 不显示图表或任何错误

我正在尝试以角度实现chart.js,编写了一个简单的代码来在html上显示图表,但是页面上没有输出,也没有错误.我不知道问题出在哪里以及为什么显示图表失败.slackblitz 参考网址 我在组件中尝试的代码: this.chart1 = new Chart('canvas', {类型:'甜甜圈',数据: {标签:['固体','液体','未知'],数据集:[{标签:'测试',数据: [1 ..
发布时间:2022-01-22 16:08:33 其他开发

从 chart.js 到 pdf 的图表

我看到很多帖子描述了如何使用 chart.js 使用 canvas 创建图形,然后保存 canvas 转为 png,并将其导入到 pdf 中.这很好,但是如果您想绕过屏幕部分并直接进入 pdf 文档并包含图像怎么办? 例如,我可能有两个按钮,一个使用 canvas 在屏幕上打开图表.然后,此页面可以毫无问题地处理图表保存和导入 pdf.另一个按钮直接打开 pdf.是否可以将图表放入此文档中, ..
发布时间:2022-01-22 16:02:45 其他开发

插入百分比charts.js 甜甜圈

我正在使用charts.js 库,想知道如何在圆环图的孔中添加一些标记(例如百分比)- 我的 js jQuery(document).ready(function(){变量数据 = [{值:5,颜色:“#A1638C",突出显示:“#BF7AAF",标签:“Días Completados 1/21"},{值:95,颜色:“#07659A",突出显示:“#4190BA",标签:“Días ..
发布时间:2022-01-22 16:01:47 前端开发

Chart.js 图片在甜甜圈段内

我发现了关于 chart.js 和我希望为我的网站使用圆环图,我找到了一个示例,我可以从中获取基础知识:https://jsfiddle.net/9wp4f693/2/ 我只发现了这样的东西,但它是在段内绘制文本,而不是添加图片. 函数drawSegmentValues(){for(var i=0; i 但我想在我的片段中添加图片,类似这样,但我不知道该怎么做: 解决方案 没有用 ..
发布时间:2022-01-22 15:56:38 前端开发

chartJS v.2 上的圆角 - 条形图(带负值)

我正在设计一些 chartjs 条形图,这些条形图需要在条形的值(不是它们的底部)处有圆角,在大多数情况下,这意味着条形顶部的圆角,但是也有一些条形具有负值的情况. 我在这里使用了答案:如何为 Bar Chart.js v2 创建圆形条? 由 jordanwillis (https://stackoverflow.com/users/7581592/jordanwillis) 在值为正时效果 ..
发布时间:2022-01-22 15:53:27 前端开发