- 上一节介绍了H5：画布Canvas基础知识讲解（二）之插入图像、像素级操作，接下来继续讲解H5：画布Canvas基础。 文字 虽然最近的WebKit版本和Firefox 3.1 nightly build才开始支持Text API，为了保证文章完整性我决定仍在这里介绍文字API。 context对象可以设置以下text属性： fo... 上一节介绍了H5：画布Canvas基础知识讲解（二）之插入图像、像素级操作，接下来继续讲解H5：画布Canvas基础。 文字 虽然最近的WebKit版本和Firefox 3.1 nightly build才开始支持Text API，为了保证文章完整性我决定仍在这里介绍文字API。 context对象可以设置以下text属性： fo...
- 在微信小程序的开发中，二维码作为一种重要的信息传递手段，被广泛应用于分享、登录验证、场景跳转等多种场景。本文将深入浅出地讲解如何在微信小程序的客户端直接生成二维码，无需服务器介入，让应用的互动更加即时高效。无论你是初学者还是有一定经验的开发者，都能从中获益，掌握这项实用技能。 基本概念：二维码的魔力二维码（Quick Response Code）是一种矩阵式二维条码，能存储大量信息，如网址、... 在微信小程序的开发中，二维码作为一种重要的信息传递手段，被广泛应用于分享、登录验证、场景跳转等多种场景。本文将深入浅出地讲解如何在微信小程序的客户端直接生成二维码，无需服务器介入，让应用的互动更加即时高效。无论你是初学者还是有一定经验的开发者，都能从中获益，掌握这项实用技能。 基本概念：二维码的魔力二维码（Quick Response Code）是一种矩阵式二维条码，能存储大量信息，如网址、...
- 创建 canvas 画布这里需要写在【template】标签中<div class="content"> <canvas class="new-canvas" id="new-canvas"></canvas></div>写样式<style> .content { flex-direction: column; align-items: center; wi... 创建 canvas 画布这里需要写在【template】标签中<div class="content"> <canvas class="new-canvas" id="new-canvas"></canvas></div>写样式<style> .content { flex-direction: column; align-items: center; wi...
- ❤️创意网页：创建一个浪漫的樱花飘落动画效果 ❤️创意网页：创建一个浪漫的樱花飘落动画效果
- 创意网页：HTML5 Canvas技术实现绚丽多彩的烟花特效教程 创意网页：HTML5 Canvas技术实现绚丽多彩的烟花特效教程
- 创意动态画布~缤纷移动涂鸦~图片彩色打码 创意动态画布~缤纷移动涂鸦~图片彩色打码
- HTML5,canvas创作科技感粒子特效（科技感粒子、js鼠标跟随、粒子连线） HTML5,canvas创作科技感粒子特效（科技感粒子、js鼠标跟随、粒子连线）
- 本文主要分享Canvas图像操作能力，它的API十分强大。可以通过Canvas图像API加载图像数据，进行裁剪、贴图，也可以实现动态的图像合成。 本文主要分享Canvas图像操作能力，它的API十分强大。可以通过Canvas图像API加载图像数据，进行裁剪、贴图，也可以实现动态的图像合成。
- 散是满天星，聚是一把火！ 第一步 写出🔥这个特殊字符来 第二步 定义点对象 拆分字符 第三步 定时执行画小火苗 总结 散是满天星，聚是一把火！据说很多大厂都在让自己的员工毕业，毕业不可怕，散是满天星，聚是一把火！今天我就用canvas给大家实现聚是一团火，散是满天星的功能，安慰一下大家。那么这个效果是怎么实现的呢？使用的关键技术就是canvas，因为canvas实现特效还是比较方便的。首... 散是满天星，聚是一把火！ 第一步 写出🔥这个特殊字符来 第二步 定义点对象 拆分字符 第三步 定时执行画小火苗 总结 散是满天星，聚是一把火！据说很多大厂都在让自己的员工毕业，毕业不可怕，散是满天星，聚是一把火！今天我就用canvas给大家实现聚是一团火，散是满天星的功能，安慰一下大家。那么这个效果是怎么实现的呢？使用的关键技术就是canvas，因为canvas实现特效还是比较方便的。首...
- 这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用短视频告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。@TOC 一、网页介绍1 网页简介：基于 HTML+CSS+JavaScript 制作七... 这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用短视频告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。@TOC 一、网页介绍1 网页简介：基于 HTML+CSS+JavaScript 制作七...
- 画一个冰糖葫芦祝大家甜甜蜜蜜大家都在写有关新春的文章，我如果不写显得我不入流，过年呢冰糖葫芦是必不可少，下面我就用canvas画一个冰糖葫芦 代码具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>糖葫芦</title></head><body><canvas id="canvas" wi... 画一个冰糖葫芦祝大家甜甜蜜蜜大家都在写有关新春的文章，我如果不写显得我不入流，过年呢冰糖葫芦是必不可少，下面我就用canvas画一个冰糖葫芦 代码具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>糖葫芦</title></head><body><canvas id="canvas" wi...
- 前言最近公司在做一个面向餐饮的微信小程序，公司希望在小程序中嵌入关注公众号的功能，一开始是采用官方提供的official-account，配置公众号关注组件，方便用户快捷关注公众号，但是这个组件的场景限制比较多，需要扫码打开小程序才开始显示。在折腾了一番之后，最终决定提供二维码，供用户下载，扫码关注。这里我们有两种方案，第一种是让后台生成然后返回图片链接，只需要传后台所需要的参数就行了，第... 前言最近公司在做一个面向餐饮的微信小程序，公司希望在小程序中嵌入关注公众号的功能，一开始是采用官方提供的official-account，配置公众号关注组件，方便用户快捷关注公众号，但是这个组件的场景限制比较多，需要扫码打开小程序才开始显示。在折腾了一番之后，最终决定提供二维码，供用户下载，扫码关注。这里我们有两种方案，第一种是让后台生成然后返回图片链接，只需要传后台所需要的参数就行了，第...
- 之前工作中接触到的一个需求，在微信公众号上做一个活动，具体需求是根据不同的用户生成不同的分享链接，并将链接生成为二维码图片，并且此图片支持长按识别的功能。我最先想到的就是用QRCode.js来完成这个需求。QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。基本使用方法如下：引入QRC... 之前工作中接触到的一个需求，在微信公众号上做一个活动，具体需求是根据不同的用户生成不同的分享链接，并将链接生成为二维码图片，并且此图片支持长按识别的功能。我最先想到的就是用QRCode.js来完成这个需求。QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。基本使用方法如下：引入QRC...
- 效果（源码在最后）： 实现：1.定义标签： <h1>北极光之夜</h1> <canvas id="draw" style=" position: fixed; display: block;"> 当前浏览器不支持Canvas，请更换浏览器后再试 </canvas>2. 文字的基本样式：h1{ position: absolute; ... 效果（源码在最后）： 实现：1.定义标签： <h1>北极光之夜</h1> <canvas id="draw" style=" position: fixed; display: block;"> 当前浏览器不支持Canvas，请更换浏览器后再试 </canvas>2. 文字的基本样式：h1{ position: absolute; ...
- 先看效果（完整代码在底部）：点击效果视频预览 实现过程（可一步一步实现）：1.定义标签与基本css样式： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas>#canvas{ position: fixed; top: 0; left: 0; /* fi... 先看效果（完整代码在底部）：点击效果视频预览 实现过程（可一步一步实现）：1.定义标签与基本css样式： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas>#canvas{ position: fixed; top: 0; left: 0; /* fi...
上滑加载中
推荐直播
-
2024创原会年度技术峰会2024/12/20 周五 09:00-12:00
华为云讲师团
2024创原会年度技术峰会将于12月20日在海南万宁石梅湾威斯汀酒店举办，本次大会将以“智能・进化”为主题探讨从Cloud Native到AI Native的新阶段企业如何通过AI技术重塑企业应用，围绕AI如何在千行万业落地进行深入交流，探索可以先行先试先成功的创新场景和实现路径。
回顾中 -
华为云开发者日·2024年度创享峰会2024/12/23 周一 14:00-16:00
华为云讲师团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动，汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴，全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介，为开发者提供沉浸式学习与交流平台。开放创新，与开发者共创、共享、共赢未来。
去报名 -
GaussDB管理平台TPOPS，DBA高效运维的一站式解决方案2024/12/24 周二 16:30-18:00
Leo 华为云数据库DTSE技术布道师
数据库的复杂运维，是否让你感到头疼不已？今天，华为云GaussDB管理平台将彻底来改观！本期直播，我们将深入探索GaussDB管理平台的TPOPS功能，带你感受一键式部署安装的便捷，和智能化运维管理的高效，让复杂的运维、管理变得简单，让简单变得可靠。
去报名
热门标签