当前位置： 首页 > news >正文

普通网站怎么做h5免费网页制作平台

news 2026/4/8 13:22:13
普通网站怎么做h5,免费网页制作平台,政府网站建设意见,有哪些建设网站的大公司【1】引言 前序已经掌握了使用cv2.circle()绘制圆形的基本操作，相关链接为： python学opencv|读取图像（二十）使用cv2.circle()绘制圆形-CSDN博客 由于圆形本身绘制起来比较简单，因此可以自由操作的空间也就大&#x…

【1】引言

前序已经掌握了使用cv2.circle()绘制圆形的基本操作，相关链接为：

python学opencv|读取图像（二十）使用cv2.circle()绘制圆形-CSDN博客

由于圆形本身绘制起来比较简单，因此可以自由操作的空间也就大，我们今天就尝试多一些花样，做一次进阶探索。

【2】代码探索

【2.1】同心圆

绘制同心圆的基本思路是，确认好圆心以后，逐个修改半径，然后输出图像即可。

还是以之前的代码为基础，增加for循环逐个输出圆即可。此处先给出完整代码：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 225  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 1] = 50 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 150 * np.sin(j - i)  # 第二个通道值# 第三个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 2] = 100 * np.tanh(i + j) + 100 * np.tanh(i - j) + 50 * np.cos(j - i)  # 第三个通道值
x0=285 #圆心横坐标
y0=285 #圆心纵坐标
for i in range(1,6,1):canvas = cv.circle(canvas, (x0, y0), 50*i, (int(255*np.cos((np.sqrt(np.square(15-i))))), int(255*np.sin(i)), int(np.abs(i-3))^5), i) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

程序运行后的输出图像为：

图1 同心圆

创造同心圆的核心代码段落为：

x0=285 #圆心横坐标
y0=285 #圆心横坐标
for i in range(1,5,1):canvas = cv.circle(canvas, (x0, y0), 50*i, (int(255*np.cos((np.sqrt(np.square(15-i))))), int(255*np.sin(i)), int(np.abs(i-3))^5), i) #输出同心圆

首先用x0和y0确认了愿新的坐标点，然后用for循环输出5个圆形即可。

这五个圆的半径计算式为：r=50*i，i就是圆形的出现顺序；圆的颜色采用了函数的形式，不是此处重点；圆的线宽就是圆出现的顺序。

总体上，圆出现的顺序越晚，半径越大，线条越宽。

【2.2】疏密同心圆

绘制疏密同心圆的基本思路是，利用三角函数的斜率也是三角函数的原理，如果半径通过三角函数来取值，那同样的增量下，邻近半径值的差会周期性的时大时小，这样就会画出疏密同心圆。

以2π为周期，增量从0到7就可以覆盖一个周期内的所有圆。

在这个分析基础上，我们把核心代码换成：

x0=285 #圆心横坐标
y0=285 #圆心横坐标
for i in range(0,7,1):canvas = cv.circle(canvas, (x0, y0), np.abs(int(260*np.cos(i))), (200,180,55), 2) #输出同心圆

半径取值为np.abs(int(260*np.cos(i)))，这里的np.abs()是取绝对值的意思，因为半径必须为正数。

此时获得的图形为：

图2 疏密同心圆

对应的完整代码为：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 225  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 1] = 50 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 150 * np.sin(j - i)  # 第二个通道值# 第三个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 2] = 100 * np.tanh(i + j) + 100 * np.tanh(i - j) + 50 * np.cos(j - i)  # 第三个通道值
x0=285 #圆心横坐标
y0=285 #圆心横坐标
for i in range(0,7,1):canvas = cv.circle(canvas, (x0, y0), np.abs(int(260*np.cos(i))), (200,180,55), 2) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

【2.3】变化圆心

既然圆的半径可以变化，圆形自然也可以变化，继续修改核心代码：

r=160 #半径
for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), r, (200,180,55), 2) #输出同心圆

在这里，圆心坐标被更换为((i-5)*10+280, (i-5)*20+280)，这几一个动态值，只有半径是恒定的160。代码运行获得的图像为：

图3 圆心变化

此时的完整代码为：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 225  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 1] = 50 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 150 * np.sin(j - i)  # 第二个通道值# 第三个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 2] = 100 * np.tanh(i + j) + 100 * np.tanh(i - j) + 50 * np.cos(j - i)  # 第三个通道值
#x0=285 #圆心横坐标
#y0=285 #圆心横坐标
r=160 #半径
for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), r, (200,180,55), 2) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

【2.4】变化圆半径

在圆心变化的基础上，圆的半径可以变化，这样就会出现变化圆。

继续增添代码：

for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), int(200*np.abs(np.sin(i))), (200,180,55), 2) #输出同心圆

在这里，半径值被修改为：int(200*np.abs(np.sin(i)))，这是一个动态值。

运行后的图像为：

图4 变化圆

此时的完整代码为：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 225  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 1] = 50 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 150 * np.sin(j - i)  # 第二个通道值# 第三个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 2] = 100 * np.tanh(i + j) + 100 * np.tanh(i - j) + 50 * np.cos(j - i)  # 第三个通道值
#x0=285 #圆心横坐标
#y0=285 #圆心横坐标
#r=160 #半径
for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), int(200*np.abs(np.sin(i))), (200,180,55), 2) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

【2.5】变化圆半径和颜色

在获得变化圆半径的基础上，继续修改代码，让圆的颜色变化：

for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), int(200*np.abs(np.sin(i))), (int(abs(255*np.sin(i))),int(abs(255*np.cos(i))),int(255*np.tanh(i))), 2) #输出圆

在这里，颜色值被修改为：(int(abs(255*np.sin(i))),int(abs(255*np.cos(i))),int(255*np.tanh(i)))，这是一个动态值。

运行后的图像为：

图5 变化圆半径和颜色

此时的完整代码为：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 225  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 1] = 50 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 150 * np.sin(j - i)  # 第二个通道值# 第三个通道值
#for i in range(0, 580, 1):#for j in range(0, 580, 1):#canvas[i, j, 2] = 100 * np.tanh(i + j) + 100 * np.tanh(i - j) + 50 * np.cos(j - i)  # 第三个通道值
#x0=285 #圆心横坐标
#y0=285 #圆心横坐标
#r=160 #半径
for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), int(200*np.abs(np.sin(i))), (int(abs(255*np.sin(i))),int(abs(255*np.cos(i))),int(255*np.tanh(i))), 2) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

【2.6】变化背景

然后我们修改背景BGR值，获得颜色变化的背景画布：

# 第一个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 1] = 150 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 50 * np.sin(j - i)  # 第二个通道值# 第三个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 2] = 50 * np.tanh(i + j) + 80 * np.tanh(i - j) + 120 * np.cos(j - i)  # 第三个通道值

此时获得的图像为：

图6  变化圆和画布

此时的完整代码为：

import numpy as np  # 引入numpy模块
import cv2 as cv  # 引入cv模块canvas = np.ones((580, 580, 3), np.uint8) * 125  # 绘制一个580*580大小的画布，3代表有3个通道，unit8为图像存储格式
# 第一个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 0] = 0.2 * (i + j)  # 第一个通道值# 第二个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 1] = 150 * np.cos(i ^ j) + 55 * np.sin(j ^ i) + 50 * np.sin(j - i)  # 第二个通道值# 第三个通道值
for i in range(0, 580, 1):for j in range(0, 580, 1):canvas[i, j, 2] = 50 * np.tanh(i + j) + 80 * np.tanh(i - j) + 120 * np.cos(j - i)  # 第三个通道值
#x0=285 #圆心横坐标
#y0=285 #圆心横坐标
#r=160 #半径
for i in range(0,10,1):canvas = cv.circle(canvas, ((i-5)*10+280, (i-5)*20+280), int(200*np.abs(np.sin(i))), (int(abs(255*np.sin(i))),int(abs(255*np.cos(i))),int(255*np.tanh(i))), 2) #输出同心圆#canvas = cv.circle(canvas, (285, 285), 80, (0, 0, 255), 3)  # 第一个圆形
#canvas = cv.circle(canvas, (100, 285), 80, (0, 255, 255), -1)  # 第二个圆形
#canvas = cv.circle(canvas, (470, 285), 80, (255, 0, 0), -1)  # 第三个圆形
# canvas = cv.rectangle(canvas, (50, 30), (530, 550), (155, 120, 60), 5)  # 矩形
# canvas = cv.rectangle(canvas, (80, 80), (500, 500), (55, 160, 230), 10)  # 矩形
# canvas = cv.rectangle(canvas, (150, 150), (430, 430), (50, 120, 90), -1)  # 矩形
# canvas = cv.line(canvas, (50, 550), (550, 550), (58, 50, 150), 15)  # 线段
# canvas = cv.line(canvas, (300, 50), (300, 550), (120, 150, 25), 20)  # 线段cv.imshow('rectangle', canvas)  # 在屏幕展示绘制圆形的效果
cv.imwrite('circle50.png', canvas)  # 保存图像
cv.waitKey()  # 图像不会自动关闭
cv.destroyAllWindows()  # 释放所有窗口

【3】总结

掌握了python+opencv灵活绘制圆形的技巧。

http://www.hkea.cn/news/702224/

相关文章：

  • 祥云平台英文网站微博指数查询入口
  • 公司网站建设准备资料今日重大财经新闻
  • 发布网站后备案免费网站建站页面
  • 浙江建设职业技术学院迎新网站做一个网站要多少钱
  • axure做网站好不好手机百度问一问
  • 开发微信小程序的流程广州seo优化电话
  • 小企业网站建设和管理全能搜
  • 无棣县建设局网站游戏优化大师下载安装
  • 小额贷款 网站模板品牌推广软文
  • 网站建设开发成本天津百度搜索网站排名
  • 做的好的营销型网站有哪些内容外贸网站外链平台
  • 东营网站建设预算价格百度网盘网页版入口官网
  • 网站建设中标公告18款禁用看奶app入口
  • 网站运营人员岗位职责长沙正规seo优化价格
  • cnzz统计代码放在后台网站为什么没显示seo的英文全称是什么
  • 杭州企业网站建设方案广告门
  • 自己免费做网站(二)seo优化公司信
  • 广州外贸b2b网站建设刷钻业务推广网站
  • 做企业网站用什么怎样宣传自己的品牌
  • 濮阳做网站的公司我的百度账号
  • 美食网站开发如何做好网络营销工作
  • 网站建设案例资料今天的新闻内容
  • 台州专业网站建设方案seo软文代写
  • 个人网站 百度推广全球搜索大全
  • 网站消息推送5118素材网站
  • 天津 响应式网站设计企业网站模板免费
  • 网站用花生壳nas做存储百度seo发包工具
  • wordpress cache深圳纯手工seo
  • 怎样找到正规代加工网站百度地图3d实景地图
  • 潍坊网站建设公司网站搭建免费