「码」上有爱 ❤️ 送给最美程序媛的祝福! [图片] index.wxml: <navigation-bar title="「码」上有爱 ❤️" back="{{false}}" color="white" background="#ff69b4"></navigation-bar> <view class="container"> <canvas type="2d" id="heartCanvas" class="canvas"></canvas> <view class="blessing"> <text>{{message}}</text> </view> </view> index.wxss: .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: linear-gradient(135deg, #fff5f8 0%, #ffe4f1 100%); } .canvas { width: 300px; height: 300px; margin-bottom: 30px; } .blessing { font-size: 18px; color: #e91e63; text-align: center; font-weight: bold; padding: 20px; background: rgba(255, 255, 255, 0.8); border-radius: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); animation: float 3s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } index.js Page({ data: { message: "❤️ 祝所有程序媛们代码无 bug,编译无报错,生活永远高效而美好!💖", scale: 8, angle: 0 }, async onLoad() { try { const sysInfo = await wx.getSystemInfo(); const query = wx.createSelectorQuery(); query.select('#heartCanvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node; const ctx = canvas.getContext('2d'); // 设置canvas尺寸 const dpr = sysInfo.pixelRatio; canvas.width = res[0].width * dpr; canvas.height = res[0].height * dpr; ctx.scale(dpr, dpr); this.canvas = canvas; this.ctx = ctx; this.startAnimation(); }); } catch (error) { console.error('获取系统信息失败:', error); } }, startAnimation() { const animate = () => { this.setData({ angle: (this.data.angle + 1) % 360 }); this.drawHeart(); this.animationTimer = this.canvas.requestAnimationFrame(animate); }; animate(); }, drawHeart() { const ctx = this.ctx; const scale = this.data.scale; const points = []; const centerX = 150; const centerY = 150; // 清除画布 ctx.clearRect(0, 0, 300, 300); // 创建渐变色 const gradient = ctx.createLinearGradient(0, 0, 300, 300); gradient.addColorStop(0, '#ff69b4'); gradient.addColorStop(0.5, '#ff1493'); gradient.addColorStop(1, '#ff69b4'); // 生成爱心曲线点集 for (let t = 0; t < Math.PI * 2; t += 0.05) { const x = 16 * Math.pow(Math.sin(t), 3); const y = 13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t); // 添加旋转效果 const rotatedX = x * Math.cos(this.data.angle * Math.PI / 180) - y * Math.sin(this.data.angle * Math.PI / 180); const rotatedY = x * Math.sin(this.data.angle * Math.PI / 180) + y * Math.cos(this.data.angle * Math.PI / 180); points.push({ x: rotatedX * scale + centerX, y: -rotatedY * scale + centerY }); } // 绘制爱心 ctx.save(); ctx.fillStyle = gradient; ctx.shadowColor = 'rgba(255, 105, 180, 0.5)'; ctx.shadowBlur = 10; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.beginPath(); ctx.moveTo(points[0].x, points[0].y); points.forEach(p => ctx.lineTo(p.x, p.y)); ctx.closePath(); ctx.fill(); ctx.restore(); // 添加闪光效果 const time = Date.now() / 1000; ctx.fillStyle = `rgba(255, 255, 255, ${Math.sin(time) * 0.2 + 0.2})`; ctx.beginPath(); ctx.moveTo(points[0].x, points[0].y); points.forEach(p => ctx.lineTo(p.x, p.y)); ctx.closePath(); ctx.fill(); }, onUnload() { if (this.animationTimer) { this.canvas.cancelAnimationFrame(this.animationTimer); } } }); 代码片段:https://developers.weixin.qq.com/s/4CU4pxm47aYE
程序媛特辑 | 码上3·8?一起为程序媛打call!各位代码大神们,注意啦!一年一度的三八妇女节将至~ 在这个属于所有女性朋友的节日里,我们不仅要为身边的妈妈、妻子、女儿送上祝福,更要为代码世界里闪闪发光的她们打call ! 她们,在代码与数据的世界里,运用自己的智慧与细腻为行业发展注入独特能量。 她们,在各行各业的征程里,发挥自己的温暖与洞察为社会助力发展创新。 同时,她们更是我们微信开放社区不可或缺的力量,愿所有程序媛们在这专属的节日里绽放光彩,并在代码世界里持续书写辉煌篇章! 🔥 # 码上3·8,一起为程序媛打call # 话题活动火热开启!让我们向每一位在岗位上发光发热的程序媛致以最诚挚的祝福! 欢迎各位开发者们参与微信开放社区3.8话题活动~ 参与方式: 1. 表白程序媛: 用代码编写一段祝福语、绘制一幅图案,向程序媛们表达你的敬意和祝福! 2. 分享你的故事: 分享你与程序媛合作的故事,或者你对女性开发者群体的看法和建议,让我们一起为她们加油鼓劲! 3. 围观点赞: 为你喜欢的评论或作品点赞、评论,一起为程序媛们打call! 即日起至 2025 年 03 月 11 日,在下方评论区分享你与你身边程序媛的故事或送上祝福,精选评论的用户将获得官方精美礼品一份。 [图片]
03-10用腾讯地图的逆地址解析 https://https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodReverseGeocoder 使用案例: var QQMapWX = require('../../static/js/qqmap-wx-jssdk.min'); var qqmapsdk; Page({ onLoad: function () { // 实例化API核心类 qqmapsdk = new QQMapWX({ key: '申请的key' }); }, onShow: function () { let that = this wx.getLocation({ type: "gcj02", success(res) { that.reverseGeocoder(res.latitude,res.longitude) }, fail(err) { console.log(11111111); wx.hideLoading(); wx.showToast({ title: '定位失败', icon: 'none', duration: 1500 }) self.setData({ lastPage: false, isRefreshing: false }) } }) }, reverseGeocoder(lat, lng) { let that = this qqmapsdk.reverseGeocoder({ location: { latitude: lat, longitude: lng }, success: function (res) { //成功后的回调 console.log('reverseGeocoder:', res); that.setData({ }) }, fail: function (error) { console.error(error); }, complete: function (res) { console.log(res); } }) }, }) [图片]
小程序定位只能拿到经纬度吗?可以拿到地理信息不?我想拿到当前定位经纬度和地址描述 除了经纬度还需要 xxx路xx号 或者 xxx小区南门 或者xxx地铁站 怎么拿到详细信息呢?只能服务端用api解析吗?
03-04getLocation() { let that = this; wx.showLoading({ title: '正在获取当前位置...', mask: true, }); wx.getLocation({ type: 'wgs84', // 坐标类型 success: (res) => { console.log('位置信息', res); const { latitude, longitude } = res; this.setData({ location: { latitude, longitude }, // 更新页面数据 }); wx.showToast({ title: '位置获取成功', icon: 'success', }); wx.hideLoading(); }, fail: (err) => { console.error('获取位置失败', err); wx.showToast({ title: '无法获取位置,请检查权限或网络', icon: 'none', }); // 如果用户拒绝授权,引导用户开启权限 wx.getSetting({ success(res) { if (!res.authSetting['scope.userLocation']) { wx.showModal({ title: '授权提示', content: '定位失败,是否开启定位权限?', confirmText: '去开启', success(modalRes) { if (modalRes.confirm) { wx.openSetting({ success() { // 重新发起定位 that.getLocation(); }, }); } }, }); } }, }); }, }); },
公众号网页开发,如何在本地调试中调用wx.config接口?并使用wx.getLoaction方法?如何在本地调试中调用wx.config接口?并使用wx.getLoaction方法?
02-28参考这个文章可以申请成功,我之前申请很多次都没有成功,我参考这个审核通过了 https://blog.csdn.net/liuqinrui520/article/details/136702532
getLocation审核一直不通过?appId: wx0293b252425a6786 小程序主要面向企业内部员工,需要查看内部门店位置并前往,扫码需要拿到用户附近门店正在进行的活动。审核一直不通过,具体需要怎么做
02-19profitSharing的参数不是true或false吗,还有使用这个,你开通分账没有
微信统一下单添加"profitSharing":"Y"就会出现调起支付JSAPI缺少参数怎么解决?微信统一下单添加"profitSharing":"Y"就会出现调起支付JSAPI缺少参数:total_fee,这是啥问题 [图片]
02-19不可以
H5页面是否可以调用 微信运动的wx.getWeRunData()接口?公司期望能在H5页面获取到微信用户的微信运动步数,不知道是否可以直接在H5中调用而不是小程序中获取。
02-19什么意思,是文章修改之后,点进去没有变化吗
公众号编辑栏?公众号编辑栏的字号跟缩进怎么点击了文章的字体还是没有改变?
02-19这个你只能联系他们客服问问 [图片]
请问我的小程序为什么没有图二那么完整?没有会员积分,付款,店铺介绍,也没有商家动态功能。 [图片] [图片] [图片] [图片]
02-14新年Flag:2024年,我要成为更好的开发者! 1.掌握一门新技术 - Rust。 2.每周学习Java进阶课,提升Java编程能力。 3.完成一个AI项目并上线。 4.社区的等级升到5级。 5.每周运动3次,保持健康。 6.找个女朋友。 Flag宣言:坚持学习,突破自我,年底见!💪🚀
02-13试试微信开放平台的 H5 分享 步骤: 1.注册成为微信开放平台开发者,并确保你的H5项目的域名已经添加到“公众号/小程序”的“JS接口安全域名”中。 2.在你的H5页面中引入微信JS-SDK。 3.通过后端接口获取必要的配置参数(如appId、timestamp、nonceStr、signature等),并配置微信JS-SDK。 4.使用wx.updateAppMessageShareData方法设置分享给朋友的卡片内容,包括标题、描述、链接和图片等。 优点: 可以自定义分享卡片的内容,提升用户体验。 分享链接直接指向H5页面,避免小程序中的价格信息泄露。
微信小程序 如何分享H5的卡片到微信好友?现在的应用场景是一个送礼的小程序,送礼者需要分享一个链接给收礼者去确认地址之类的。但现在需求是不希望收礼者打开小程序,查看到对应的价格,要求确认的地址做成H5,我目前没找到很好的分享H5的方式。 直接复制H5链接(不太好看)分享一个海报(收礼的人长按扫码,感觉不太好)webView插入H5然后分享(我试了一下,分享出来的还是小程序)有没有其他的方法能在小程序里分享一个H5的卡片给好友
01-14