- 前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。 箭头的绘制箭头其实就是一根线段，只是一端存在两根成一定角度的小线段，给定两个端点的坐标即可绘制一条线段，关键是如何计算出另外两根小线段的坐... 前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。 箭头的绘制箭头其实就是一根线段，只是一端存在两根成一定角度的小线段，给定两个端点的坐标即可绘制一条线段，关键是如何计算出另外两根小线段的坐...
- 0 基础学习 Flutter，第三十四步：继续尝试 Canvas 绘图(三)! 0 基础学习 Flutter，第三十四步：继续尝试 Canvas 绘图(三)!
- 0 基础学习 Flutter，第三十三步：尝试 Canvas 内容绘制(一)！ 0 基础学习 Flutter，第三十三步：尝试 Canvas 内容绘制(一)！
- 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布首先看一下效果https://www.bilibili.com/video/bv1fr4y1T7TB马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的... 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布首先看一下效果https://www.bilibili.com/video/bv1fr4y1T7TB马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的...
- 我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。<canvas id="sample-canvas" style="width: 358px;height: 100%;"></can... 我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。<canvas id="sample-canvas" style="width: 358px;height: 100%;"></can...
- 前面我们已经能够利用WebRTC的功能，通过浏览器打开摄像头，并把预览的图像显示在video元素中。接下来我们尝试从视频中截取某一帧，显示在界面上。 html先准备一下界面，摆上控件。下面是关键部分的代码。<video playsinline autoplay></video><button id="showVideo">打开摄像头</button><button id="takeSnaps... 前面我们已经能够利用WebRTC的功能，通过浏览器打开摄像头，并把预览的图像显示在video元素中。接下来我们尝试从视频中截取某一帧，显示在界面上。 html先准备一下界面，摆上控件。下面是关键部分的代码。<video playsinline autoplay></video><button id="showVideo">打开摄像头</button><button id="takeSnaps...
- HTML+CSS+JS实现 ❤️女朋友canvas仿ps橡皮擦刮刮卡❤️ HTML+CSS+JS实现 ❤️女朋友canvas仿ps橡皮擦刮刮卡❤️
- 👝高级阶段——一个小项目助你玩透canvas~ 🏆（1）实现橡皮擦 1️⃣难点：如何清除canvas画布上指定区域：使用clearRect() 方法清空指定矩形区域。 JavaScript 语法： context.clearRect(x,y,width,height)参数参数值x要清除的矩形左上角的 x 坐标y要清除的矩形左上角的 y 坐标width要清除的矩形的宽度height要清... 👝高级阶段——一个小项目助你玩透canvas~ 🏆（1）实现橡皮擦 1️⃣难点：如何清除canvas画布上指定区域：使用clearRect() 方法清空指定矩形区域。 JavaScript 语法： context.clearRect(x,y,width,height)参数参数值x要清除的矩形左上角的 x 坐标y要清除的矩形左上角的 y 坐标width要清除的矩形的宽度height要清...
- Canvas制作的幸运抽奖，绝不落空，每次必中 Canvas制作的幸运抽奖，绝不落空，每次必中
- 使用Canvas绘制88键的钢琴琴键，并且每个琴键都有自己各自的音调，使用鼠标点击或绑定的键盘按键可以进行弹奏 使用Canvas绘制88键的钢琴琴键，并且每个琴键都有自己各自的音调，使用鼠标点击或绑定的键盘按键可以进行弹奏
- 🌈🌈🌈 大家好呀，很久没有写canvas小案例了，今天写一个canvas的时钟案例。效果可能看起来比较简单，没有那些花里胡哨的，不过，它涉及的canvas知识点是比较多的，初学canvas那是必定要会的。下面手把手带你快速实现~ 🌈🌈🌈 大家好呀，很久没有写canvas小案例了，今天写一个canvas的时钟案例。效果可能看起来比较简单，没有那些花里胡哨的，不过，它涉及的canvas知识点是比较多的，初学canvas那是必定要会的。下面手把手带你快速实现~
- 本博文一步一步教你用Html5的Canvas绘制一个钟表 本博文一步一步教你用Html5的Canvas绘制一个钟表
- 先看效果： 前言： 上期发的 跟随鼠标移动的星星✩直接在页面引用✧✧✧ 文章中有位粉丝说想看的代码的讲解 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄，所以我这篇文章详细说说这个效果该怎么实现~ 实现： 1. 获取画布： // 获取画布 var canvas = document.querySelector("#canvas"); var ctx = canvas.getContex... 先看效果： 前言： 上期发的 跟随鼠标移动的星星✩直接在页面引用✧✧✧ 文章中有位粉丝说想看的代码的讲解 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄，所以我这篇文章详细说说这个效果该怎么实现~ 实现： 1. 获取画布： // 获取画布 var canvas = document.querySelector("#canvas"); var ctx = canvas.getContex...
- 一.话不多，先看效果：每天一个小Demo，分享一个有趣的canvas绘画板特效，实现并不难的，学canvas时或者js时拿来练习正正好。come on . 二.实现步骤（可以跟着一步一步书写）： 1.先定义html标签：.cintainer是底层盒子，然后下面就是input标签的color对象和range对象，后面再有个canvas标签。<div class="container"> ... 一.话不多，先看效果：每天一个小Demo，分享一个有趣的canvas绘画板特效，实现并不难的，学canvas时或者js时拿来练习正正好。come on . 二.实现步骤（可以跟着一步一步书写）： 1.先定义html标签：.cintainer是底层盒子，然后下面就是input标签的color对象和range对象，后面再有个canvas标签。<div class="container"> ...
- TKinter项目-屏保 TKinter项目-屏保
上滑加载中
推荐直播
-
探秘仓颉编程语言：华为开发者空间的创新利器2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后，显著提升开发效率，在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点： 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
即将直播 -
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名 -
华为云 x DeepSeek：AI驱动云上应用创新2025/02/26 周三 16:00-18:00
华为云 AI专家大咖团
在 AI 技术飞速发展之际，DeepSeek 备受关注。它凭借哪些技术与理念脱颖而出？华为云与 DeepSeek 合作，将如何重塑产品与应用模式，助力企业数字化转型？在华为开发者空间，怎样高效部署 DeepSeek，搭建专属服务器？基于华为云平台，又该如何挖掘 DeepSeek 潜力，实现智能化升级？本期直播围绕DeepSeek在云上的应用案例，与DTSE布道师们一起探讨如何利用AI 驱动云上应用创新。
去报名
热门标签