Raphael学习之Paper常用API(四)

2024-03-03 09:59
文章标签 学习 api 常用 paper raphael

本文主要是介绍Raphael学习之Paper常用API(四),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.Paper.add(json):导入json格式的元素json的格式为:{type:“type”,<attributes>}


效果如下:



2.Paper.customAttributes:自定义属性


效果如下:

   


3.Paper.buttom:指向画布上的底层元素

   Paper.top:指向画布上的顶层元素

   Paper.clear():清空画布

   Paper.getById(id):获取指定id的元素

   Paper.getElementByPoint(x,y):获取指定坐标最上层的元素

   Paper.getElementsByPoint(x,y):获取指定坐标的所有元素

   Paper.getFont(family,[weight],[style],[stretch]):根据字体属性获取相应的字体对象

   Paper.rephael:指向Raphael对象

   Paper.remove():移除元素对象

   Paper.set():创建元素集合,放入的方法为push()

   Paper.setFinish():结束捕获并返回集合对象

   Paper.setViewBox(x,y,w,h,fit):设置画布的视框,fit表示是否让图形自适应新的画布框

   Paper.text(x,y,text):在画布(x,y)位置注入文本

   Paper.forEach(callback,thisArg):让画布上所有元素都执行回调函数,当返回false时停止执行

   

4.Paper.print(x,y,string,font,[size],[origin],[letter_spacing]):在指定位置上创建文本

    其中:(x,y):坐标点

               string:文本内容

               font:字体对象

               size:字体大小,默认16

               origin:文本垂直对齐方式,默认为middle,还有个值为:baseline

               letter_spacing:范围,默认为0,取值在[-1,1].

  注意:其返回的是一个路径元素



5.Paper.image(src,x,y,width,height):嵌入一张图片


显示效果如下:



这篇关于Raphael学习之Paper常用API(四)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/769275

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

gitlab安装及邮箱配置和常用使用方式

《gitlab安装及邮箱配置和常用使用方式》:本文主要介绍gitlab安装及邮箱配置和常用使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.安装GitLab2.配置GitLab邮件服务3.GitLab的账号注册邮箱验证及其分组4.gitlab分支和标签的

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

python判断文件是否存在常用的几种方式

《python判断文件是否存在常用的几种方式》在Python中我们在读写文件之前,首先要做的事情就是判断文件是否存在,否则很容易发生错误的情况,:本文主要介绍python判断文件是否存在常用的几种... 目录1. 使用 os.path.exists()2. 使用 os.path.isfile()3. 使用

Go学习记录之runtime包深入解析

《Go学习记录之runtime包深入解析》Go语言runtime包管理运行时环境,涵盖goroutine调度、内存分配、垃圾回收、类型信息等核心功能,:本文主要介绍Go学习记录之runtime包的... 目录前言:一、runtime包内容学习1、作用:① Goroutine和并发控制:② 垃圾回收:③ 栈和

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

Java实现本地缓存的常用方案介绍

《Java实现本地缓存的常用方案介绍》本地缓存的代表技术主要有HashMap,GuavaCache,Caffeine和Encahche,这篇文章主要来和大家聊聊java利用这些技术分别实现本地缓存的方... 目录本地缓存实现方式HashMapConcurrentHashMapGuava CacheCaffe

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案

《无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案》:本文主要介绍了无法启动此程序,详细内容请阅读本文,希望能对你有所帮助... 在计算机使用过程中,我们经常会遇到一些错误提示,其中之一就是"api-ms-win-core-path-l1-1-0.dll丢失

Python将字符串转换为小写字母的几种常用方法

《Python将字符串转换为小写字母的几种常用方法》:本文主要介绍Python中将字符串大写字母转小写的四种方法:lower()方法简洁高效,手动ASCII转换灵活可控,str.translate... 目录一、使用内置方法 lower()(最简单)二、手动遍历 + ASCII 码转换三、使用 str.tr