自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

专注于图形开发技术的分享与探讨。

无论您是初学者还是资深开发者,这里都能为您提供有价值的内容。我们定期发布图形开发的基础知识、进阶技巧、实战项目,助您提升技能。同时,还提供工具与资源推荐,为您的开发工作提供便利。让图形开发的旅程更加精彩!

  • 博客(20)
  • 收藏
  • 关注

原创 图形系统开发实战课程:进阶篇(上)——10.应用实例:交通路网

本章通过一个实际应用案例,采用 anyGraph 实现对交通路网数据展示功能。

2024-03-07 22:38:48 1258 1

原创 图形系统开发实战课程:进阶篇(上)——9.空间算法

在图形开发过程中经常会使用到数学运算、坐标转换、空间算法等方面的功能,本章就来讲解一下anyGraph 所提供的一些工具类。

2024-03-04 21:26:36 1633 1

原创 图形系统开发实战课程:进阶篇(上)——8.图形样式

本文将进一步讲解颜色、渐变、图案这三种渲染效果的更多技术。

2024-02-29 20:00:00 1189

原创 图形系统开发实战课程:进阶篇(上)——7.图形交互操作: 视点控制与动画

视点控制是指在图形系统中,通过调整视点的位置和角度,来改变用户观察图形的范围。本章我们讲述如何在图形初始化时控制图形视点,以及通过API控制图形视点。

2024-02-26 20:00:00 2871 1

原创 图形系统开发实战课程:进阶篇(上)——6.图形交互操作:拾取

在图形系统中,拾取是指从屏幕上选择一个图形对象的过程。这个过程通常是通过鼠标或触摸屏等输入设备来实现的。

2024-02-22 20:00:00 1729 2

原创 图形系统开发实战课程:进阶篇(上)——5.图形交互操作:平移和缩放

在二维图形系统中,图形的缩放和平移是最基本的图形交互功能。

2024-02-19 20:15:00 2418 1

原创 图形系统开发实战课程:进阶篇(上)——4.图形基本形状

基本形状可以通过各种方式进行组合、变换和修改,以创建更为复杂的形状和图像。例如将一个矩形旋转一定角度来得到一个新形状。

2024-02-15 23:14:39 1246 1

原创 图形系统开发实战课程:进阶篇(上)——3.图层类(Layer)

图层(Layers)是一种用于组织和管理图像内容的办法。可以将不同的图像元素分开,使得它们可以独立地进行绘制、编辑和操作。每个图层都可以包含一个或多个图像对象,这些对象可以是几何对象、文本、图像等。图层可以互相叠加,并且可以通过控制透明度、颜色和大小等属性来创建各种视觉效果。

2024-02-12 20:20:07 1047 1

原创 图形系统开发实战课程:进阶篇(上)——2.图形管理类(Graph)

本章以 anyGraph 中图形管理类的设计为例讲述图形管理类的作用。

2024-02-08 20:15:00 2691

原创 图形系统开发实战课程:进阶篇(上)——1.基础知识

在学习开发前端图形组件之前,我们先来掌握一些基础知识。

2024-02-05 20:15:00 1408 1

原创 图形系统开发实战课程:进阶篇(上)——前言

在图形系统开发实战—进阶篇中,我们将一步一步讲解图形系统中的一些的重要概念,设计和实现一款WEB前端图形开发引擎,在该组件中封装各种基本形状的绘制接口,并在内存中管理这些对象模型,通过操作模型来获取和更新数据,并将数据状态反映到图形中。

2024-02-02 16:00:00 1568 1

原创 图形系统开发实战课程:基础篇——8.动画

本节通过3个示例讲解了实现动画的基本方法,实现动画的基本过程。

2024-01-29 20:00:00 1477

原创 图形系统开发实战课程:基础篇——7.变形操作

本节讲解了画布的平移、缩放、旋转和矩阵等画布变形操作,通过设置矩阵还实现了画布的倾斜。

2024-01-25 20:04:16 929

原创 图形系统开发实战课程:基础篇——6.画布操作

本节讲解了如何在画布中进行状态保存和恢复的操作,讲述了通过建立裁切区域进行图形渲染,还讲述了针对画布的像素操作和将画布图像转换为图片的功能及应用。

2024-01-22 19:59:30 1132 1

原创 图形系统开发实战课程:基础篇——5.渲染效果

本章讲解了Canvas所提供的的一些渲染效果的用法,这些效果不仅仅是增强了图形的立体感和视觉效果,更重要的是让图形更具有真实感,使图形看起来更接近现实世界,因此这些效果在图形系统中得到了广泛应用。

2024-01-18 16:50:03 1116 1

原创 图形系统开发实战课程:基础篇——4.绘制曲线和路径

本节讲述了绘制复杂的曲线和绘制SVG曲线的方法,并介绍了矢量图形数据文件,并附练习题。

2024-01-15 16:46:13 1254

原创 图形系统开发实战课程:基础篇——3.绘制图像

本节讲解了在Canvas绘制图像的三种方式,并讲解绘制异步加载图形的方法等内容,并附练习题。

2024-01-11 16:24:01 1084

原创 图形系统开发实战课程:基础篇——2.绘制文字

本节讲解在Canvas中绘制文字的方法,包括绘制填充文本、空心文本、设置文本的颜色和字体,设置文本的水平对齐、文本的垂直对齐、文本的间距、文本垂直排列等内容。并附练习题。

2024-01-08 17:08:28 972 1

原创 图形系统开发实战课程:基础篇——1.绘制基本图形

本节讲解了如何在Canvas绘制矩形、线、多边形、圆、椭圆等内容,并讲解了绘制边和填充、设置线宽、设置颜色等内容,并附练习题。

2024-01-04 20:00:00 1147 1

原创 图形系统开发实战课程:基础篇——图形系统概述

图形系统应用广泛,包括可视化、地理信息系统、绘图应用、游戏和CAD/CAM等。随着Web技术发展,Canvas成为新一代图形开发技术,并有开源库如Fabric.js和Konva.js简化开发。除了Canvas,SVG也是一种Web图形技术,适用于高质量、可交互的图形需求。

2023-12-22 16:05:13 1096 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除